Archived topic
Secondary nav height problem
7 replies · Started by Michel on June 1, 2020
Hi guys,
I have refreshed my personal site's design and I have a question regarding the use of secondary nav.
I use navigation as header (mobile off) and it seems impossible to reduce space by a few pixels below the social icons in the secondary nav. I made adjustments in Layout but nothing seems to target that area.
What can I do?
URL added for admins.
Hi there,
the space below the secondary navigation comes from the Separating space set in Customizer > Layout > Container.
If you want to remove just that top spacing then add this CSS:
.separate-containers .inside-right-sidebar,
.right-sidebar.separate-containers .site-main {
margin-top: 0;
} That hasn't worked. The code seems to target "inside right sidebar" but the space itself exists on top of the article content as well.
Can you add the code in to your site so i can see why it is not working?
And now it works. Huh. There must have been a caching problem.
Glad to hear that.
FYI: this selector .right-sidebar.separate-containers is a body class.
So this: .right-sidebar.separate-containers .site-main will target the site-main on any page/post that has a right sidebar :)
Good to know. Thanks for the help. Marking this one as resolved.
You're welcome
