Hi, it is a small issue, but I can’t seem to get to the bottom of it.
Often on first visit to the site the image appears lower than it should. Refreshing the page sorts it out. Clicking on any item in the menu sorts it out. Clicking on the Site Title sorts it out. [f5] sorts it out. [Shift] + [f5] sorts it out.
da da
[Ctrl] + [f5] seems to make the issue reappear.
I have tried the siteorigin editor widget and the siteorigin image widget for the same result. I have also uploaded the image at 100 px, which is the display size.
I was going to have a go at it with the siteorigin css editor, but I don’t know that will do anything, or may mess it up on smaller devices. Any help would be appreciated.
Hi Philip
Thanks for reaching out, please, try the following at Appearance > Custom CSS:
/* Header Sidebar Padding */ header#masthead .hgroup #header-sidebar[style] { padding-top: 56.5px !important; padding-top: 56.5px !important; }Let us know how that goes.
Hi Andrew,
If anything it seems a little flakier, or perhaps no change. Could you please confirm the repeat in the line of code and the siteorigin css editor doesn’t seem to think it is a good idea.
Hi Andrew
I tried this in the end, and it seems to work.
#masthead .hgroup #header-sidebar { padding-top: 10px !important; }Thank you very much for your help, it really does make a difference.
Ahh sorry, I re-stated padding-top, so it should have been:
/* Header Sidebar Padding */ header#masthead .hgroup #header-sidebar[style] { padding-top: 56.5px !important; padding-bottom: 56.5px !important; }Your snippet looks great, if that’s working then stick with it.
Glad we could help; all the best :)