Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 10, 2016 at 12:39 am #580672
    ginnywills

    I’m having trouble with my site on the phone and the ipad.

    1. On the phone, the hamburger menu doesn’t show up because it blends into the white background of my header. I put the following CSS in but its not doing anything:

    @media only screen and (max-width: 480px)
    .av_header_transparency #advanced_menu_toggle {
    background-color: #ffffff;
    color: #000000 !important;
    border-color: #000000;
    }

    2. On the iPad, I would like the hamburger menu to show up because the regular menu is overlapping the logo, but its not showing. I have clicked the right box within the header options but its not working.

    http://www.lakeclairepool.com

    Help?

    Thanks.

    February 10, 2016 at 1:14 am #580697
    Andy

    Hey ginnywills!

    1.) Adjust max-width value of your media queries. 480px is too low I think. Clear browser cache and hard refresh a few times.

    2.) It’s showing up fine for me on iPad screen size. Please clear browser cache and hard refresh a few times.

    Cheers!
    Andy

    February 10, 2016 at 5:59 pm #581272
    ginnywills

    Thanks for getting back to me but my problem is still the same. There is no hamburger menu on either the phone or the ipad. You can’t see it at all the phone or it is the regular menu and totally screws up the formatting. And on the iPad the menu overlaps the logo because its so big. Is there a way to show you screenshots?

    The website looks good — its just the menu that is causing trouble.

    Thanks,
    Ginny

    February 13, 2016 at 4:30 am #582608
    Rikard

    Hi Ginny,

    Sorry for the late reply, please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
.av_header_transparency #advanced_menu_toggle {
color: #030003 !important;
}
}

    You can attach screenshots by uploading them to a service like imgur.com and then link to them here.

    Thanks,
    Rikard

    February 16, 2016 at 10:22 pm #584380
    ginnywills

    That did not work. The menu us now outlined in black but it just looks like an empty square. How can I get the inside to be black too?

    February 18, 2016 at 5:13 am #585138
    Rikard

    Hi,

    Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Regards,
    Rikard

    February 18, 2016 at 8:37 pm #585671
    ginnywills

    Thanks for looking into it. Credentials are in the private content area.

    It also looks funny on the ipad….

    Ginny

    February 22, 2016 at 6:29 am #586868
    Ismael

    Hey!

    Thank you for the info. We added this css code:

    #advanced_menu_toggle, #advanced_menu_hide {
    background-color: #ffffff;
    color: #000000;
    border-color: #030003;
}

.av_header_transparency #advanced_menu_toggle {
    color: #000000;
    background: transparent;
}

    Regards,
    Ismael

    February 25, 2016 at 4:57 pm #589249
    ginnywills

    Many thanks! looks perfect!

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