Jump to content
Sign in to follow this  
toddatkins

Primary Nav wrapping (pushed down) on iPhone

Recommended Posts

toddatkins

Got my site relatively close to finished using Platform Pro (enough to go live anyway): http://batonrougecounseling.net When I browse the site with my iphone 4 (safari browser I guess?) it wraps my last primary nav menu item ("Contact") down to the left. Here is a screenshot: iphone.png I searched the forum here and tried the suggested fix of: body{min-width:980px} But, it didn't work, and I even played with the number up to 1000 and 1100, but to no avail. I know there is a way to do a conditional css code for iphone/ipad, but I was wondering if there was any way I could fix this without a conditional. Thanks in advance.

Share this post


Link to post
Share on other sites
cshoffmann

You may need to change the typography setting in Settings to a different font. Or you may custom css the nav in custom code or base.css. Keep in mind if you have the drop down menu arrows activated, then if you remove padding (make the nav words closer together) the arrows will need css adjustment as well. Use firebug or the developer tools in Chrome to accomplish.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×