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].
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;
} }
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.
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.
I fixed it!!!!!!!!!!!!!!!!!!! I had to specify an explicit height and width in the custom CSS, but now it loads correctly every time!
Really glad to hear you made progress with this. Thanks for sharing your solution with the community. All the best.