This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Responsive Menu Layout not working correctly on Ipad2

Resolved 8 replies premiumthemetheme-vantage
cjrmdg
11 years ago · Last reply by Andrew Misplon 11 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

8
  1. Andrew Misplon Staff 11 years, 4 months ago

    Hi cjrmdg

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

    Hope that helps.

  2. cjrmdg 11 years, 4 months ago

    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. Andrew Misplon Staff 11 years, 4 months ago

    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. cjrmdg 11 years, 4 months ago

    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. Andrew Misplon Staff 11 years, 4 months ago

    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. cjrmdg 11 years, 4 months ago

    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. cjrmdg 11 years, 4 months ago

    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. Andrew Misplon Staff 11 years, 4 months ago

    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.

Have a different question or issue?

Start New Thread