This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Header Content “jumps” when page loads

Open 8 replies customizationthemetheme-vantage
zdavkd
8 years ago · Last reply by zdavkd 8 years ago

I made made an update to the header widget of a website using the Vantage theme. The update was to add a link to the content that was already there. Now when any page on the site loads, the header content “jumps” but then renders properly.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

8
  1. Alex S Staff 8 years, 4 months ago

    Hi Zdavkd,

    Do you have a public URL where we can take a look at what’s going on?

  2. zdavkd 8 years, 4 months ago

    Hi Alex,

    Yes, it is TravelByHart.com.

  3. Alex S Staff 8 years, 4 months ago

    Hi Zdavkd,

    This is an odd one. Please move the following CSS from WP AdminAppearanceCustom CSS to WP AdminAppearanceCustomize, Additional CSS:

    #masthead .hgroup .logo img {
    margin-left: 400px;
    padding-left: 15px;
    padding-right: 15px;
}

    How does that look? Please note that this may not have a noticeable effect.

  4. zdavkd 8 years, 4 months ago

    Hi Alex,

    That seems to have helped but not resolved completely.

    Karen

  5. Alex S Staff 8 years, 4 months ago

    Hi Zdavkd

    Unfortunately, your best bet at this point would be to move the layout builder in your Header widget area to your Masthead widget area. Then add the logo to your layout builder as moving the widget to the masthead widget area will result in the logo being hidden.

  6. zdavkd 8 years, 4 months ago

    Hi Alex,

    Thanks, I originally did not create this site but was just trying to help a friend. We're okay with the logo but just trying to correct the image and text from "jumping" when the page loads. Are you saying this is being caused by the logo loading?

  7. Alex S Staff 8 years, 4 months ago

    Hi Zdavkd,

    It’s more the how the header sidebar contains a full width layout builder and the logo is being moved over by CSS. If that wasn’t happening, this jump wouldn’t occur. If you move the logo to the layout builder (with spacing and all) the issue won’t be present.

  8. zdavkd 8 years, 4 months ago

    Ok, thanks Alex. Appreciate your help.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread