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 image widget loading in wrong spot first time

Resolved 4 replies pluginplugin-all-widget-pluginspremium
Carson Samuel Roes
11 years ago · Last reply by Andrew Misplon 11 years ago

Every time I load my homepage, the image widget in the header loads lower than I have it set for. When I click a link anywhere on the site it loads to the right spot where I want it. If I refresh, it goes back too low. How do I get it to load the image in the right place every time? (side note: it works in firefox pretty much every time. It works sporadically with safari and never with Chrome)

This is the code I have impacting that widget:

 header#masthead hgroup #header-sidebar .widget_simpleimage {
margin-top: 15px !important;
margin-right: 145px !important;
}

@media screen and (max-width: 1024px) {
header#masthead hgroup #header-sidebar .widget_simpleimage {
  display: none !important; 
} }

URL: http://carsonroes.com

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

Need fast email support? Get SiteOrigin Premium

Replies

4
  1. Andrew Misplon Staff 11 years, 5 months ago

    Hi Carson

    Sorry to hear about this. Can you perhaps try stating the header sidebar margin overall and see if that helps:

    header#masthead hgroup #header-sidebar {
margin-top: 15px !important;
margin-right: 15px !important;
}

    Set 15px to whatever you’ve set header padding to under Appearance > Customizer > General > Header Padding.

    Let me know how that goes.

  2. Carson Samuel Roes 11 years, 5 months ago

    It still loads too low then when I click a link it moves it to it’s set place. I made the padding smaller so you wouldn’t see it when it loaded too low then when you click something the menu will just adjust. So it always looks right whether it loads right the first time or not…….but I would love for it to load correctly every time.

  3. Carson Samuel Roes 11 years, 5 months ago

    I fixed it!!!!!!!!!!!!!!!!!!! I had to specify an explicit height and width in the custom CSS, but now it loads correctly every time!

  4. Andrew Misplon Staff 11 years, 5 months ago

    Really glad to hear you made progress with this. Thanks for sharing your solution with the community. All the best.

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