Unwanted line between header and menu

  • Resolved aenea

    (@aenea)


    4 years, 7 months ago

    Can someone tell me how to get rid of a line appearing between the bottom of the header and the top of the main menu?
    I’m using the Content boxed layout, so I think this may be a box border but I haven’t been able to work out appropriate CSS for getting rid of it.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi @aenea

    Can you please try changing the color of menu border to transparent from customizer -> main menu -> colors

    Thank you

    Thread Starter aenea

    (@aenea)

    Alas, this makes no difference.
    If I change the menu border color to red, say, then a red border appears along the top of the menu but the grey line is still there above it. The red line is the same width as the menu but the grey line extends wider than the menu on each side.
    I think the grey line must be a header border but I can’t work out how to adjust that.

    I had the same problem – not sure if it is exactly the same for you, the trick is to find the CSS markup for it. In my case I had to put this:

    #masthead.site-header {
    border-bottom: 0;	
}

    This made the line disappear. Hope this will help.

    Hi @aenea

    Please try this css in the customizer -> Additional CSS

    @media (max-width: 4800px) {
    .site-header-layout-vertical.site-header-site-branding-main-navigation .main-navigation {
          border: none;
    }
}

    Thank You

    Thread Starter aenea

    (@aenea)

    Thank you so much, @manishverma That does the trick. I’ve spend ages pouring over the source code to no avail and would never have worked out that solution.

    Theme Author CyberChimps

    (@cyberchimps)

    @aenea

    Thank you for the confirmation. We are closing this topic as your issue gets resolved.

    Thank you.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Unwanted line between header and menu’ is closed to new replies.