Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Ipad - Portrait orientation - Menu item drops (wraps) to second line

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

I'm trying to solve a problem with my main menu when viewed with Ipad - Vertical orientation.

One of my menu items drops to a second line.

ipad-orientation-menu-item-second-line.jpg


I've tried to alter the Media queries - But too be honest I'm still learning about media queries so if anyone could point me in the right direction

I'm thinking a quick solution would be - when the orientation of the Ipad is vertical to show the toggle menu.

Thanks :)

Site: www.homegurrown.co.uk/

P.s.
I don't have an Ipad but have checked the site in
browser stack
ipadpeek
quirktools - screenfly

I hope these tools are ok to use.
  • bryandibben's Avatar
  • bryandibben
  • 12 Month basic
  • 37 posts
  • 1 Thanks
  • Karma: 2
The administrator has disabled public write access.
I have the same problem. Is there a css code I can put in ipad.css to disable mobile view on the iPad?
  • lidiamonroe's Avatar
  • lidiamonroe
  • 12 Month basic
  • 58 posts
  • Karma: 0
The administrator has disabled public write access.
Hi
on this site: www.homegurrown.co.uk/ are currently mediaquerries disabled so there is nothing I can do with iPad layout.
  • Zuzuzu's Avatar
  • Zuzuzu
  • LIfetime Developer - Big Bamboo
  • 1925 posts
  • 107 Thanks
  • Karma: 67
The administrator has disabled public write access.
Thanks for your reply

You say " currently mediaquerries disabled"

I'm a little confused - :unsure:

I've checked my template manager - Layout - Mobile
and I have [ENABLE MEDIA QUERIES set to YES]

Is there somewhere else where media quires might be disabled?

Thanks

:)
  • bryandibben's Avatar
  • bryandibben
  • 12 Month basic
  • 37 posts
  • 1 Thanks
  • Karma: 2
The administrator has disabled public write access.
They are enabled now, but I swear they were not before.
So now here is solution...add this css into mediaquerries.css


@media only screen and (min-width: 761px) and (max-width: 960px) {
#nav ul li a, #nav ul li span.mainlevel span, #nav ul li span.separator {
padding: 0 15px !important;}
}
  • Zuzuzu's Avatar
  • Zuzuzu
  • LIfetime Developer - Big Bamboo
  • 1925 posts
  • 107 Thanks
  • Karma: 67
The administrator has disabled public write access.
Thank you Zuzuzu

I copied your suggestion into my media queries file but it doesn't appear to have worked.

My site renders ok in all other devices
Except Ipad vertical orientation - or any device 768px width.

I'm testing using 2 different tools because I don't own an Ipad
(1. quirktools.com/screenfly and 2. Ipad peek)

I don't know how good these online tools are for testing. Perhaps you or someone else has experience with these tools or similar tools.

I'm going to leave this problem until I can get hold of an Ipad and test it live.

Zuzuzu - thanks for trying. :)
  • bryandibben's Avatar
  • bryandibben
  • 12 Month basic
  • 37 posts
  • 1 Thanks
  • Karma: 2
The administrator has disabled public write access.
Check this: www.grasski.net/snapper/gurrown.png
Seems ok now for me!
  • Zuzuzu's Avatar
  • Zuzuzu
  • LIfetime Developer - Big Bamboo
  • 1925 posts
  • 107 Thanks
  • Karma: 67
The administrator has disabled public write access.
The following user(s) said Thank You: bryandibben
Yep all appears ok

Thank you Zuzuzu for taking the time to check.

It's possible I might have had a cache issue before.

:)
  • bryandibben's Avatar
  • bryandibben
  • 12 Month basic
  • 37 posts
  • 1 Thanks
  • Karma: 2
The administrator has disabled public write access.
No problem. I am glad we solved it.
  • Zuzuzu's Avatar
  • Zuzuzu
  • LIfetime Developer - Big Bamboo
  • 1925 posts
  • 107 Thanks
  • Karma: 67
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers