menu underline

  • A great theme and very useful with the catalog plugin. I am customising it and added the sites colour scheme everywhere including on the menu. It’s a very simple two colour design.
    Can you tell me please how to remove the bottom border that appears under the current selection in full screen mode. I can’t appear to do it with CSS.
    Also on small devices an ugly line appears under the menu icon. It looks like two separate colours. How do I get rid of that?
    my site is led123.co.nz

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

  • Hi there,

    It looks like you a css override happening somewhere. Did you check your admin to see if there are css class overrides in there?

    This is the class you want to edit:

    #site-navigation .menu > li.current_page_item > a, #site-navigation .menu > li.current-menu-item > a, #site-navigation .menu > li.current-menu-parent > a {
    background: transparent;
    border-bottom: 2px solid rgba(0, 0, 0, 0.5);
    }

    Thread Starter ray parkes

    (@ray-parkes)

    I am using a custom CSS plugin.
    I tried turning off all the custom CSS and only changed that class but it didn’t change anything.

    Thread Starter ray parkes

    (@ray-parkes)

    I sorted the line border bottom. Thanks. It just needed an !important to make it work.
    I still haven’t been able to remove the double line under the menu icon which is there on small screens.

    Thread Starter ray parkes

    (@ray-parkes)

    I found a reasonable solution by adjusting the height of the header the lines run right across full width and don’t look so bad.

    .head-container {
    height: 64px;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘menu underline’ is closed to new replies.