Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #581346

    Hi there,

    How do I remove the border below my secondary menu that appears when I’m utilizing the transparency header?

    #581367

    Hey gerardbao!

    First if all, amazing site, really really nice work!:-)
    Can u please define the secondary menu, I do not see any other under the main one!

    Cheers!
    Basilis

    #581844

    The secondary menu sits above the main menu. That’s where ‘careers’ and ‘login’ sit.

    #581889

    Hey!

    Please use:

    #top .av_header_transparency #header_meta {
    border-bottom: none !important;
    }

    let us know if that fixes the issue for you

    Cheers!
    Basilis

    #581956

    That worked thanks!
    A few other things:

    – How can I hide the separator between the secondary menu items?
    – How can I hide the secondary menu for mobile screens?
    – How can I add some padding to the top of the secondary menu?

    I tried the following and got no luck:
    #top .av_header_transparency #header_meta {
    border-bottom: none !important;
    padding-top: 10px;
    }

    I also recently lost the menu hover border line that’s used on the enfold demo.
    http://kriesi.at/themes/enfold/
    Not sure what I did, I think when I started playing with the transparency header settings it sent away somewhere.
    Any suggestions on how to fix?

    Thanks,

    #583297

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top #header_meta li {
        border: none;
    }
    @media only screen and (max-width: 769px) {
    nav.sub_menu { display: none !important; }}
    nav.sub_menu {
        margin-top: 10px;
    }

    Cheers!
    Yigit

    #584361

    Thanks!
    There was one more item.

    I also recently lost the colored menu hover border line that’s seen on the enfold demo.
    http://kriesi.at/themes/enfold/ – it’s the dark red menu line that appears when active or hovering.

    Can you tell me how to add that back in?

    Thanks,


    Gerard

    #585131

    Hi,

    Please try the following CSS as well:

    .current-menu-item, #avia-menu li:hover {
    border-bottom: 5px solid blue;
    }
    

    Regards,
    Rikard

    #618794

    That added the menu section hover line back in. But now it also displays an additional hover line below each hovered navigation link.
    I don’t want that extra line, any suggestions?

    I just want the menu styling format to look just like the enfold demo.
    http://kriesi.at/themedemo/?theme=enfold-overview

    • This reply was modified 3 years, 5 months ago by  gerardbao.
    #618850

    Hey!

    To remove the underline on submenu please replace the above code with

    .current-menu-item, #avia-menu > li:hover {
    border-bottom: 5px solid blue;
    }

    Cheers!
    Vinay

    #619002

    That helped, but it also removed the blue hover line below the main nav item. How can I get that one line back so it works just like the enfold theme demo?

    Also I
    Update font beneath Personalization Platform (when you hover over solutions). “Learn how..” to reflect the rest of the gray light roboto font in the menu (instead of the blue).

    #620994

    Hey!

    The menu indicator will be hidden when the Header Style is set to Minimal. If you want to show the menu indicator, add this:

    .av_minimal_header .avia-menu-fx {
        display: block;
    }

    Regards,
    Ismael

    #621842

    Sweet. That helped!
    So that works well for me when I have a transparent header on my homepage.

    But for my standard solid background header, I don’t have that hover block bar appearing below the hovered menu.

    #622895

    Hey!

    The page you provided do not exist. Please check if the url is correct. Try to use this css code:

    .avia-menu-fx {
        display: block !important;
    }

    Best regards,
    Ismael

    #623325

    Sorry. That link was private. Try this one or any other page that you can click to.
    Also, I tried css code, didn’t work.

    #624924

    Hey!

    Remove this code from Quick CSS:

    .avia-menu-fx {
        bottom: 98%;
    }
    

    Regards,
    Josue

    #626735

    Thanks that worked!

Viewing 17 posts - 1 through 17 (of 17 total)

The topic ‘Hide border line for secondary menu’ is closed to new replies.