Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.

Okay
  Public Ticket #2059400
Hide border for Menu with Submenus on Header style 3
Closed

Comments

  •  3
    altaigenden started the conversation

    I have put code to hide border for Menu

    .header-style-3 #primary-menu.no-responsive > li.menu-item-active > a {
        border-color: transparent;
    }
    

    and it worked, but the border still appears for menu items with Submenus.

    How to hide it?



  •  5,055
    Michael replied

    HI!

    pls. use following css:

    #primary-menu.no-responsive ul > li, 
    #primary-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header, 
    .minisearch, .minisearch .sf-input {
        border-top: none !important;
    }

     

    6707465710.png
  •  3
    altaigenden replied

    it doesn't work

  •  5,055
    Michael replied

    Sorry, pls. use following css:

    .header-style-3 #primary-menu.no-responsive > li.menu-item-current > a, 
    .header-style-3 #primary-menu.no-responsive > li.menu-item-active > a, 
    .header-style-4 #primary-menu.no-responsive > li.menu-item-current > a, 
    .header-style-4 #primary-menu.no-responsive > li.menu-item-active > a, 
    .header-style-3.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current > a, 
    .header-style-3.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active > a, 
    .header-style-4.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current > a, 
    .header-style-4.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active > a {
        border: none !important;
    }

     

    6707465710.png
  •  3
    altaigenden replied

    ok it worked, thank you.

  •  5,055
    Michael replied

    Welcome! Have a nice day!