Navigation
Archive / Thin coloured line menu bar
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 2, 2017 at 7:16 am #1355159
    giusep71
    Participant

    Is there a way to change color or ged rid of the thin coloured line above the topbar menu?
    Attached is a screenshot of what I mean.

    February 2, 2017 at 9:52 am #1355359
    Rahul
    Moderator

    Hey There,

    Thanks for writing in!

    To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    February 2, 2017 at 4:15 pm #1355814
    giusep71
    Participant

    The site isn’t live yet. So no public url to provide

    February 2, 2017 at 9:18 pm #1356197
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    .x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: none;
}

    Thanks.

    February 3, 2017 at 3:38 am #1356499
    giusep71
    Participant

    Thanks, that works to get rid of it.

    What if I want to change the colour of that thin line?

    February 3, 2017 at 4:23 am #1356553
    Lely
    Moderator

    Hi There,

    Please update above CSS to this:

    .x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: inset 0 4px 0 0 red; /*Change red to your preferred color*/
}

    Hope this helps.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1355159 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>