Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #843738

    I just updated my website to version 4.1.2 and need some help with the new mobile menu. I’m trying to get it to look like I had it before I updated. I included a screenshot of the old mobile menu and then new one so you can see what I’m trying to accomplish.

    1. Can you give me some custom css to make the active menu page is #188ece

    2. Can you give me some custom css so that my logo shows on the mobile menu. I had this working with the old mobile menu but since I updated it won’t work anymore. The code I was using is below.

    li.current-menu-item > a > .avia-menu-text {
    color: #188ece !important;
    }
    

    Thank you!

    #844900

    Hey djshortkut,

    There is no class for a current menu item at this point.
    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width: 767px) {
    .responsive #top .av_header_transparency.av_alternate_logo_active .logo a > img {
        z-index: 99999;
    }
    }
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #844908

    Thank you Victoria, that worked. Two more things:

    1. I would also like to move my menu items up on my iPhone so there is less of a gap between the logo and menu items. Can you give me some quick css to do that as well please.

    2. The close menu button is not showing on my iPad in portrait mode. Can you give me some quick css to make it show please?

    Thanks!

    • This reply was modified 7 years, 3 months ago by djshortkut.
    #845802

    Hi,

    1- Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    #av-burger-menu-ul {
        padding-top: 10px!important;
    }
    

    2- It does show up fine on my end. Have you figured it out already? :)

    Best regards,
    Yigit

    #845919

    Thanks Yigit!

    1) I also want the logo to show on my iPad when I pull up the mobile menu in portrait mode just like it does on my iPhone. I increased the media query of the code below to include my iPad portrait screen size but it still doesn’t work. Can you please let me know how to make this work. Thanks!

    @media only screen and (max-width: 990px) {
    .responsive #top .av_alternate_logo_active .logo a > img {
        z-index: 99999;
    }
    }

    2) No, the close menu button is still not working on my iPad in portrait mode. I think the problem is the style of header that I am using. It looks like the close button might be turning to the color white when the mobile menu is open and that’s why it can’t be seen. Thanks in advance for your help!

    • This reply was modified 7 years, 3 months ago by djshortkut.
    #847215

    Thanks, you can close this ticket.

    #847248

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Mobile Menu’ is closed to new replies.