iphone menu glitch?

[jmg77]

Hi,
When i’m viewing my site on iphone4 i have a problem with my nav menu.
I want to select the last menu item ‘Calendar and Bookings’ but i cannot as it is right at the bottom where the safari menu pops up when you touch that area.

Any idea how this can be avoided?

Thanks
John

http://www.ryyabread.com

[FocuxTheme Support]

Hi

Could you post your that menu scrennshot which checked on your iphone4?

Thanks

[jmg77]

Hi, I can’t take screenshots with my phone as the lock button is broken so i have taken 2 photos.

Th first photo shows the menu. I would like to select the last item ‘Calendar & Bookings’

The second photo shows what happens when I press it. The in app menu appears.

Thanks

[jmg77]

The photos won’t show, how else can I upload?

[FocuxTheme Support]

You can just paste the photo link here.

[FocuxTheme Support]

I see what’s your mean when I checked it in safari browser (It’s working fine in chrome, that’s why I was not understand 🙂 )

I changed the height of mobile menu, so please download this changed file https://www.dropbox.com/s/0pku7f08pqfwmyc/oldcar.setup.js.zip?dl=0

Unzip it and upload oldcar.setup.js to /wp-content/themes/oldcar/js folder through FTP client, overwrite the old file.

Thanks

[jmg77]

Hi,
I have successfully uploaded the file but there is no change.
“Calendar & Booking is still at the bottom and unable to select it, but there should also be “Creative Vitae” an “Contact Me” below that.
I’ve cleared website data on my phone and restarted the app.

[FocuxTheme Support]

So sorry that I missed a changed file to you, https://www.dropbox.com/s/u4bbrsasumgtd14/content-responsive-header.php.zip?dl=0
Please unzip it and overwrite the old file, it will make the mobile menu to be scrollable when the menu is higher than the height of screen.

[jmg77]

Hi,
It now scrolls but not all the way to the bottom so I still can’t get to the last two items.

Thanks

[FocuxTheme Support]

I found it’s safari issue, the bottom bar is always cover on the page, but when I scroll down the page, the bottom bar will be hidden, then you can see the rest of menu items like this screenshot https://www.dropbox.com/s/fmpmuwf5z3xl9j7/1426529503000.jpg?dl=0

If you add the following meta codes into Oldcar options > Additionals > header codes, it will hide the browser bottom bar and show the whole drop menu by default.

<meta name="viewport" content="width=device-width, minimal-ui">

[jmg77]

In your picture there is still one item missing from the bottom of the menu.

I need all of the menu to be seen and accessed otherwise people cannot navigate the site properly. Can you add extra space at the bottom of the menu?

[FocuxTheme Support]

Sorry, I tried to change oldcar.setup.js again, https://www.dropbox.com/s/0pku7f08pqfwmyc/oldcar.setup.js.zip?dl=0 please upload it and overwrite the old file, then scroll the drop menu, and tell me the result.

Thanks

[FocuxTheme Support]

Also, don’t forget “If you add the following meta codes into Oldcar options > Additionals > header codes, it will hide the browser bottom bar and show the whole drop menu by default.

<meta name="viewport" content="width=device-width, minimal-ui">

[jmg77]

Amazing – thank you so much!

[FocuxTheme Support]

Glad to hear that!

[Author]

Posts