| Project: | Sky |
| Version: | 7.x-3.0-rc1 |
| Component: | Code |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
| Issue tags: | CSS, kindle fire, responsive, tablet |
Issue Summary
I am having issues with my main menu in tablet portrait view. No matter how I set the min and max width for the tablet portrait layout, the menu can't fit on one line and breaks down to the second, when viewed on a small tablet like the Kindle Fire.
I was also having this problem with the standard layout when I had the menu set to centered. It's a large-ish menu but it should fit within the container. Removing menu items doesn't seem to help, (the spacing just increases between them) the only thing that fixes it is to set the menu font size to an unsuitably low number. I have the menu set to align right but I've noticed that the portrait layout seems to default to centered.
Here's the URL:
http://pftps.org
I'm not using any custom css.
The menu breaks to the second line when I look at it on a Kindle Fire (I've been playing with max/min screen widths but it was equally broken with the default settings) It displays properly on an iPad in portrait view.