Okay
  Public Ticket #2597478
Mobile Menu settings
Closed

Comments

  •  7
    Gesine_Liebold started the conversation
    November 11, 2020 at 12:48pm

    Hi there,

    I have imported the photography demo. Unfortunately, my mobile menu is somehow strange: the active menu item is not shown. I would like to change that and want the

    • active menu items to have the same color as the inactive ones
    • active menu items to be underlined in the same way as on desktop versions.

    Can you give me a hint how I can achieve that? 

    Thanks in advance!

    Gesine

    {"wp":{"use":false,"adminUrl":"","username":"","password":""},"ftp":{"use":false,"url":"","port":"","user":"","password":"","path":""}}
  • [deleted] replied
    November 11, 2020 at 12:54pm

    Hi Gesine,

    Can you please share your Wordpress credentials because I need to login to your site and test this. Your information is safe here (private) in this thread.

    To include your credentials click Insert Credentials button in editor toolbar (see how)

    Thanks!

  •   Gesine_Liebold replied privately
  • [deleted] replied
    November 12, 2020 at 8:45am

    Hi Gesine,

    This is happening because you choose a white color for your links, if you change it to black then they will not have this problem (see video).

    If you whatever reason you want to keep the white color then please add the code below to your Custom CSS area:

    .mobile-menu-wrapper .mobile-menu-container ul.menu li a:hover {
    color: #333;
}
.mobile-menu-wrapper .mobile-menu-container ul.menu li.current-menu-item > a, .mobile-menu-wrapper .mobile-menu-container div.menu > ul li.current-menu-item > a, .mobile-menu-wrapper .mobile-menu-container ul.menu li.current_page_item > a, .mobile-menu-wrapper .mobile-menu-container div.menu > ul li.current_page_item > a, .mobile-menu-wrapper .mobile-menu-container ul.menu li.current-menu-ancestor > a, .mobile-menu-wrapper .mobile-menu-container div.menu > ul li.current-menu-ancestor > a, .mobile-menu-wrapper .mobile-menu-container ul.menu li.current_page_ancestor > a, .mobile-menu-wrapper .mobile-menu-container div.menu > ul li.current_page_ancestor > a {
    color: #333;
}

    As for the underline i'm sorry but an option like this is not available for the mobile menu for the moment.

    Have a nice day!

  •  7
    Gesine_Liebold replied
    November 12, 2020 at 9:25am

    Yes, I changed the link color intentionally to white. But with your custom code it works!

    Best regards

    Gesine