Mobile menu on ipad - Support | Kriesi.at

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
October 5, 2014 at 2:51 am #330363

topchoicepest
Participant

My menu is overlapping onto a second on the Ipad (as well as one of my headings), I have selected ‘Activate for smartphones in tablets’ in the header activation menu option. Please can you advise how I can adjust to fit correctly.
Thanks

October 6, 2014 at 2:55 am #330660
Ismael
Moderator
Hi Belinda!

Thank you for using Enfold.

Please use this to adjust the size of the main menu on iPad or tablet view:
```
@media only screen and (max-width: 989px) {
#top .av-main-nav > li > a {
font-size: 14px;
}
}
```
Best regards,
Ismael
October 6, 2014 at 4:00 am #330679

topchoicepest
Participant

Thanks Ismael,

I copied that into the Quick CSS in the General Styling but has not seemed to work, should I have pasted it somewhere else?

Many thanks
Regards Belinda

October 6, 2014 at 6:27 pm #331060
Yigit
Keymaster
Hi!

Please try adding following code to Quick CSS as well
```
@media only screen and (max-width: 1140px) {
#top .av-main-nav > li > a {
font-size: 0 6px;
}
}
```
I cannot reproduce the issue by resizing my browser window. Please make sure to flush browser cache of your mobile device after applying the code

Regards,
Yigit
October 9, 2014 at 7:00 am #332971

topchoicepest
Participant

Hi Yigit
Thank for your reply.
I inserted the above code into the Quick CSS and flushed the browser cache and it has not worked.
Is there something else you can recommend?
Many thanks
Regards Belinda

October 9, 2014 at 6:20 pm #333382

Yigit
Keymaster

Hey!

Can you post the screenshot of the issue please?

Regards,
Yigit

October 10, 2014 at 11:26 pm #334111

topchoicepest
Participant

Hi Yigit
I have taken two photos, one in portrait and one in landscape, but not sure how to post them on the forum, am I able to email them to you?
Regards Belinda

October 13, 2014 at 1:41 pm #334874

Yigit
Keymaster

Hey!

You can upload them on imgur.com or Dropbox public folder and post the links here

Regards,
Yigit

October 14, 2014 at 10:06 pm #335774

topchoicepest
Participant

Hi Yigit,

Hope I got it right here is the link; http://imgur.com/a/wI3fm

Regards Belinda

October 14, 2014 at 10:08 pm #335775

topchoicepest
Participant

The top picture is when the ipad is held ‘landscape’ (wider screen view) and the second picture is when you turn the ipad to ‘portrait’ (longer screen view)

October 21, 2014 at 9:58 am #338926
Ismael
Moderator
Hi!

Thank you for the screenshot.

Please download the latest version from your themeforest account then update the theme via FTP. Please refer to this link for more info: http://kriesi.at/documentation/enfold/updating-your-theme-files/

Add this on Quick CSS:
```
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .mobile_slide_out .logo img {
margin: 0;
width: 341px !important;
height: 88px !important;
}
}
```
Cheers!
Ismael
October 26, 2014 at 10:07 am #341113

topchoicepest
Participant

Hi Ismael,

I have updated the latest version and inserted the text into the Quick CSS; with the following results;

On the desktop there is a large navy gap now below my menu tags which was not there before and the yellow line which appears beneath each tab is not functioning correctly.
On the ipad when horizontal the page is sitting to the right cutting off text on the right hand side and also has a large navy gap now below my menu tags which was not there before and the yellow line which appears beneath each tab is not functioning correctly. . The menu tabs are all sitting in one line which is resolving our original query, however not central to the page.
On the ipad when vertical it is also sitting to the right cutting off text and the menu on the right hand side.

If you could please review and advise.

Many thanks
Regards Belinda
Author

Posts

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Mobile menu on ipad’ is closed to new replies.