[Resolved] Secondary nav height problem

Home Forums Support Secondary nav height problem

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1309681
    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.

    #1309688
    David
    Staff
    Customer Support

    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;
    } 
    #1309702
    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.

    #1309710
    David
    Staff
    Customer Support

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

    #1309745
    Michel

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

    #1309747
    David
    Staff
    Customer Support

    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 🙂

    #1309769
    Michel

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

    #1309779
    David
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.