Home>Support>Header Content “jumps” when page loads

Header Content “jumps” when page loads

By zdavkd, 7 years ago. Last reply by zdavkd, 7 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 7 years, 9 months ago Alex S
    Hi, I Work Here

    Hi Zdavkd,

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

  2. 7 years, 9 months ago zdavkd

    Hi Alex,

    Yes, it is TravelByHart.com.

  3. 7 years, 9 months ago Alex S
    Hi, I Work Here

    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. 7 years, 9 months ago zdavkd

    Hi Alex,

    That seems to have helped but not resolved completely.

    Karen

  5. 7 years, 8 months ago Alex S
    Hi, I Work Here

    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. 7 years, 8 months ago zdavkd

    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. 7 years, 8 months ago Alex S
    Hi, I Work Here

    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. 7 years, 8 months ago zdavkd

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More