Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 20, 2015 at 3:53 pm #399712
    chriswp

    Hi there

    I have two issues with my site on the iPad.

    1: The menu items overlaps the logo. What to do?

    2: The slider seems not to resize correctly.

    Please see the URL provided in the private section.

    Thanks a lot.

    February 20, 2015 at 9:21 pm #399879
    Elliott

    Hey chriswp!

    1. Add this to your custom CSS.

    @media only screen and (max-width: 767px) {
nav.main_menu { display: none !important; }
#advanced_menu_toggle { display: block !important; }
}

    2. Try increasing the “responsive under” value in the LayerSlider settings.

    Best regards,
    Elliott

    February 23, 2015 at 1:51 pm #400634
    chriswp

    Hi Elliott

    Thanks for your suggestions.

    1: Didnt really help. Please check my site in landscape mode on an iPad. The menu overlaps the logo. And the search field even are placed above the slider. I placed the css in the “quick css” under general settings. I guess thats the right place?

    2: Thanks. It helped by increasing the “responsive under” value.

    February 23, 2015 at 10:19 pm #401033
    Elliott

    Hey!

    Try increasing this line to 1000 or so.

    @media only screen and (max-width: 767px) {

    Cheers!
    Elliott

    March 17, 2015 at 8:54 pm #413216
    symmetry-it

    Hey Elliott,
    Thanks for the code, this did resolve my issue (i.e. I know I have a lot of header links and I just wanted the mobile device menu to appear for ALL mobile devices).
    Here is the code I put into the Quick CSS

    @media only screen and (max-width: 1200px) {
    nav.main_menu { display: none !important; }
    #advanced_menu_toggle { display: block !important; }
    }

    If you go to http://abenvirowaste.com/dev/ on an iPad you will notice that the mobile menu icon is now there…but it doesn’t work. I also tried it on my desktop computer (just shrunk the browser window), the mobile menu icon appear, but if you click on it nothing happens.

    The strange thing is that if you continue to shrink the screen size (like down to a smaller size) the mobile menu icon works if you click on it.

    Any thoughts?

    March 18, 2015 at 5:12 pm #413781
    Elliott

    Hi!

    Hmm, it seems to be working fine on the Nexus 7. I don’t have an actual iPad to test on so I’ll flag this for the rest of our team to take a look.

    Cheers!
    Elliott

    March 18, 2015 at 5:40 pm #413807
    Andy

    Hi!

    I don’t have an iPad neither, but I checked your website on Chrome and clicking on logo is always working on every browser size for me. Can you please check on another device as well?

    Regards,
    Andy

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