Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 21, 2015 at 6:17 pm #415766
    MICHAELWINN

    Hi there,

    I am using a Mega Menu with a black background. When displayed on mobile devices the sub-menu links are black on black and can not be read. I would be fine just changing the sub-menu text links to white for mobile viewing. I searched the support threads but after going through several pages I could find a solution. Any ideas? Thank you.

    http://guardtopusa.com

    March 23, 2015 at 6:30 am #416211
    Rikard

    Hey MICHAELWINN!

    Please try the following in Quick CSS under Enfold–>General Styling:

    #mobile-advanced .mega_menu_title {
  color: white !important;
}

    Regards,
    Rikard

    March 23, 2015 at 2:45 pm #416384
    MICHAELWINN

    Hi Rikard, Yes, that changed the Column Text links to white, but the links under each of those columns is still black on black. I tried adding .subnav-menu to your code but that didn’t work. Any other ideas? Thanks again for you help.

    March 24, 2015 at 8:37 am #416934
    Rikard

    Hi!

    Oh sorry, I forgot to check that, please replace the previous code with the following: 

    #mobile-advanced .mega_menu_title, #mobile-advanced a {
  color: white !important;
}

    Cheers!
    Rikard

    March 24, 2015 at 3:22 pm #417100
    MICHAELWINN

    Yes, that worked kind of, the subnavs look great! The last issue is now the Mega Menu mobile title hover “off” are white on white. I tried adding:

    #mobile-advanced a:hover::before {
    color: #000000;
    }

    But when you hover off it goes back to white on white. When you hover on it displays perfect with a black background and white text. Ugh. I tried to add this:

    #mobile-advanced span:hover a::before: {
    color: #000000;
    }

    No luck. Dang this mobile menu is a beast. Any ideas you might have are greatly appreciated. Maybe in the next update Kriesi could add mobile menu styling to the Advanced Menu options.

    March 25, 2015 at 12:37 am #417482
    MICHAELWINN

    Any luck on the items above. I have two additional items I can seem to adjust.

    1) Search button on navigation – needs to be white not black before page scroll (it’s currently black aka invisible)
    This code doesn’t work
    #header.header_color .avia_mega_div > .sub-menu.avia_mega_hr, .html_bottom_nav_header.html_logo_center #top #menu-item-search > a {
    border-color: #000000;
    }

    2) Little black bar on nav buttons – it appears under the text. Marc really hates it, thinks it looks sloppy
    This code doesn’t update
    .header_color *::-moz-placeholder {
    color: #808080;
    opacity: 1;
    }

    March 25, 2015 at 8:39 pm #418134
    Andy

    Hey!

    Right now you have a white background for the first menu item. If you are changing menu color, you will affect more than only one item. That’s why I don’t think it’s possible to what you want to do. Instead I suggest to use a black background for all menu items: 

    #mobile-advanced>li:first-child>a:first-child {
background: black !important;
}
#mobile-advanced .mega_menu_title, #mobile-advanced a {
background: black !important;
}
#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before {
color: white !important;
}

    Hope this helps.

    Best regards,
    Andy

    March 25, 2015 at 8:50 pm #418146
    MICHAELWINN

    Excellent suggestion Andy! Works perfectly. Thank you, thank you!!

    Lastly, in regards to my question about the opacity hover underline effect (non-mobile navigation) on the main navigation, is there a way to turn it off? I think it has to do with:

    .header_color *::-moz-placeholder {
    color: #808080;
    opacity: 1;
    }

    But I can’t seem to turn it off or remove it. Thank you again.

    March 27, 2015 at 2:44 am #419023
    Yigit

    Hi!

    Please add following code to Quick CSS as well

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

    Cheers!
    Yigit

    March 27, 2015 at 3:18 am #419043
    MICHAELWINN

    Very good! Thank you.

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Mobile menu styling?’ is closed to new replies.