Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 24, 2017 at 11:26 pm #843738
    djshortkut

    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!

    August 28, 2017 at 5:33 pm #844900
    Victoria

    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

    August 28, 2017 at 5:40 pm #844908
    djshortkut

    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, 2 months ago by djshortkut.
    August 30, 2017 at 2:32 pm #845802
    Yigit

    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

    August 30, 2017 at 7:06 pm #845919
    djshortkut

    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, 2 months ago by djshortkut.
    September 2, 2017 at 7:45 pm #847215
    djshortkut

    Thanks, you can close this ticket.

    September 2, 2017 at 11:27 pm #847248
    Mike

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

    Best regards,
    Mike

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