[Resolved] Secondary nav height problem

[Michel]

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.

[David]

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;
} 

[Michel]

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.

[David]

Can you add the code in to your site so i can see why it is not working?

[Michel]

And now it works. Huh. There must have been a caching problem.

[David]

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 🙂

[Michel]

Good to know. Thanks for the help. Marking this one as resolved.

[David]

You’re welcome

[Author]

Posts