Tagged: ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • February 10, 2016 at 9:08 pm #581346
    gerardbao

    Hi there,

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

    February 10, 2016 at 10:52 pm #581367
    Basilis

    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

    February 11, 2016 at 7:50 pm #581844
    gerardbao

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

    February 11, 2016 at 10:00 pm #581889
    Basilis

    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

    February 12, 2016 at 1:10 am #581956
    gerardbao

    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,

    February 15, 2016 at 11:59 am #583297
    Yigit

    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

    February 16, 2016 at 9:34 pm #584361
    gerardbao

    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

    February 18, 2016 at 4:44 am #585131
    Rikard

    Hi,

    Please try the following CSS as well:

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

    Regards,
    Rikard

    April 21, 2016 at 12:12 am #618794
    gerardbao

    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 8 years, 8 months ago by gerardbao.
    April 21, 2016 at 4:22 am #618850
    Vinay

    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

    April 21, 2016 at 9:20 am #619002
    gerardbao

    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).

    April 25, 2016 at 5:45 am #620994
    Ismael

    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

    April 26, 2016 at 3:59 am #621842
    gerardbao

    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.

    April 27, 2016 at 10:26 am #622895
    Ismael

    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

    April 27, 2016 at 8:08 pm #623325
    gerardbao

    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.

    April 30, 2016 at 11:38 am #624924
    Josue

    Hey!

    Remove this code from Quick CSS:

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

    Regards,
    Josue

    May 3, 2016 at 8:50 pm #626735
    gerardbao

    Thanks that worked!

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Hide border line for secondary menu’ is closed to new replies.