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 placed CSS in the Additional CSS area (Appearance/customize) to reduce the font size of the top, main menu. When I did this the padding above the site title increased. I’ve removed the CSS code but the padding is stuck. I’ve tried several things but nothing will make the top padding equal with the bottom padding as it was originally.
Site address is http://mtmcclanahan.com/purchase/.
Another site I did the same on, and the same thing happened but when I removed the CSS it went back to normal, is http://mtmcclanahan.com/official-page.
Thanks for any help, Marcus
Hi Marcus,
Oddly, the top bar sentinel (which exists to prevent the content from appearing under the navigation) is slightly too low.
Try adding the following CSS:
.top-bar-sentinel { margin-top: -27px; }How does that look?
Thanks Alex, This is what I used –
#masthead .top-bar-sentinel {
margin-top: -57px;
}
I remembered seeing that word “sentinel” when I was trying to figure out this problem, so when the first didn’t work I went back and saw the “masthead” so added that, and just continued increasing number till it looked right.
Thank you again, Marcus
Side note: The spacing looks slightly different when in Customization than when just viewing the site. So ended up at -37. But only this specific spacing, everything else looks the same so far. Thanks
Hi Alex, Problem–when I log out of WordPress admin, my site reverts back to the wrong spacing, no matter what I set margin to. As long as I’m signed in to WP it’s okay, but Customization still doesn’t show the same spacing as site while logged in.
Right now I have it set to -87 where letters are touching the top border line. When I log out of WP, the spacing is like before, too much padding.
And I was wrong on having to add #masthead. I left off the “.”
Hi MT,
You’ll need to clear your cache (you have W3 Total Cache installed) for the spacing to be corrected for logged out users.
Regarding the customizer spacing, add (and adjust) the following CSS:
.customize-partial-edit-shortcuts-shown .top-bar-sentinel { margin-top: -27px; }Hi Alex,
Clearing the cache did the trick. However, this is the CSS had to use –
.top-bar-sentinel {
margin-top: -38px;
}
No matter what number I use for the margin-top, when I include –
.customize-partial-edit-shortcuts-shown
in the CSS the padding reverts to the original wide spacing. And changing the number doesn’t change the padding/sentinel at all.
And still the spacing in “Customization” view is slightly different than visitor page view.
I can live with it but just not how it was and isn’t this way at other site.
Thanks a bunch, Marcus
Hi Marcus,
So, to clarify, .customize-partial-edit-shortcuts-shown is for the customizer only CSS. If you replace the other CSS you’ll reverse the situation (issue present on the frontend and not in the customizer).
As a result, please add (and adjust) the following CSS:
.customize-partial-edit-shortcuts-shown .top-bar-sentinel { margin-top: -38px; }Okay, done. Oddly, before I put in this code today, the customizer image is now the same as front-end view. Maybe a cache thing again, I don’t know. Anyway, I’ve put in this last code anyway. Thank you again Alex.