Home>Support>Responsive Menu Layout not working correctly on Ipad2

Responsive Menu Layout not working correctly on Ipad2

By cjrmdg, 10 years ago. Last reply by Andrew Misplon, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hello, I just upgraded to Vantage Premium today mostly because I wanted the Menu layout to adjust with smaller devices. The Menu looks just fine on my PC and I checked my Iphone and it looks OK, however I checked my Ipad2 and it is still not working. I tried both Chrome and Safari browsers. Neither are working.

Look forward to an easy fix…

Thanks!

URL: http://www.mydeviceguide.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Hi cjrmdg

    Please head to Appearance > Theme Settings > Navigation and adjust your menu breakpoint to 760 for iPad Portrait.

    Hope that helps.

  2. 10 years, 9 months ago cjrmdg

    Hi Andrew, I went to the settings page and adjusted the Mobile Menu Collapse number to 760 and there was no change on the Menu on Ipad. That was the only number I could adjust under navigation menu.
    I did not see Menu Breakpoint

    Mobile Menu Collapse CHANGED FROM 480 TO 760
    The resolution when the menu collapses into a mobile navigation menu.

  3. 10 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Keep increasing it until the menu activates where you want it to. Here are resolutions you can consult:

    http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

  4. 10 years, 9 months ago cjrmdg

    OK, thanks…i gradually increased the number by 50-100, no change until I put the max in 1024. It changed the Menu layout to look like it does on Iphone where the Menu button is on the right and you have to navigate from there. I was hoping there was a way to have the Ipad Menu look like it does on PC laptop or desktop where you can see full list of menu options there.

    thank you for your quick response!

  5. 10 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    The menu padding unfortunately isn’t responsive. It’s possible to reduce the padding between each item though. Here is how you can do that:

    https://siteorigin.com/thread/adjust-space-between-menu-items/

  6. 10 years, 9 months ago cjrmdg

    all the setting below 1024 would show full menu, but my Contact Menu option is below the others and it looks like there is a lot of space next to photo gallery to fit.

  7. 10 years, 9 months ago cjrmdg

    Thanks so much Andrew, I actually changed the CSS per your guidance and I also removed the Search option for Menu, and I was able to add 1 more parent page to menu. Looks great now on ipad.

    Thanks fo much for your help…
    Cheers

  8. 10 years, 9 months ago Andrew Misplon
    Hi, I Work Here

    Super, glad to hear that did the trick.

    All the best.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More