Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 30, 2014 at 8:11 pm #285369
    aasaes

    Hi,
    I am writing about the Enfold theme. On our mobile site, particularly with the android platform, we are having an issue with the menu icon. If you tap directly on top of it, the menu list will not display. You have to tap on the extreme top right portion of the icon (almost completely off of it) to get the menu to pull up. This does not seem to be an issue with iphones or ipads. Any help would be greatly appreciated.

    Thanks,
    Travis

    June 30, 2014 at 11:21 pm #285455
    Josue

    Hi!

    It’s because of this code you have in Quick CSS:

    div.phone-info {
position: relative;
top: 70px;
left: 10%;
}

    Try changing that to:

    @media only screen and (min-width: 767px) {
div.phone-info {
position: relative;
top: 70px;
left: 10%;
}
}

    Cheers!
    Josue

    June 30, 2014 at 11:37 pm #285463
    aasaes

    OK, So that definitely fixed the issue with being able to display the menu list by tapping the icon. However, now the phone number that was in the header is now above the header. Is that what was supposed to have happened, or did I do something wrong?

    thanks,

    tw

    June 30, 2014 at 11:46 pm #285467
    Josue

    Hey!

    Add this too:

    @media only screen and (max-width: 767px) {
.phone-info {
    position: absolute;
    top: 65px;
    width: auto !important;
    left: 80px;
}
}

    Best regards,
    Josue

    June 30, 2014 at 11:49 pm #285469
    aasaes

    Worked like a champ! Thanks a bunch!

    June 30, 2014 at 11:57 pm #285473
    Josue

    You are welcome, always glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.