White border around main menu?!

  • Resolved clasch66

    (@clasch66)


    7 years, 8 months ago

    Hi There, I wanted to customize the color of my Website which worked well, but I cannot get rid of a white spaced border around the main navigation menu. The only thing that affected ist behavior was setting the wrap Background Color, but of course this had an colateral effect on other Things ??

    Happy about any advise!

    Cheers Claus

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

  • Try this:
    Go to Appearance > Customize > Additional CSS. Put the following in there, save and refresh your page.

    
.navigation-top{
   background: none;
}

    The above rule will not only remove the white background from your menu but also make the background transparent. So you can use the color code of your content area (light creme type):

    
.navigation-top{
   background: #feffef;
}

    Hope this helps

    • This reply was modified 7 years, 8 months ago by Subrata Sarkar. Reason: Added color code
    Thread Starter clasch66

    (@clasch66)

    Thanks for the advice, but none of the two snippets lead to success. It stayed as is ??

    Cheers Claus

    Can you give it another try putting an !important please?

    
.navigation-top{
   background: #feffef !important;
}

    If none of the others work, try this:

    /* The menu background color */
    .navigation-top,
    .main-navigation ul {
    background: black;
    border: 0;
    }

    Thread Starter clasch66

    (@clasch66)

    Yes! ?? the important statement was the solution, thank you so much!

    Cheers claus

    Thread Starter clasch66

    (@clasch66)

    Resolved

    You are welcome @clasch66! Thanks for marking as Resolved.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘White border around main menu?!’ is closed to new replies.