Nav Menu item width on iphone.

[kbeaux 0]

Greetings all, And thanks for the help in advance. I've got my head around sizing the menu size to work on iphone. Thanks heaven for browser specific css. Now I have two questions. 1. Although the font is the right size (just about) the actual menu buttons are still too wide and causing my menu to spread out over 4 lines. and I can't for the life of me figure out the CSS (firebug for iphone anyone?). Does any one have suggestions. 2. This might be the wrong place to ask but the nextgen gallery bleeds off the page. is there some CSS that will make it it within the dimensions of the iphone? Thanks again. I always appreciate the great help I find on this forum. Cheers! Kenn

[catrina 103]

1. The width of buttons can be adjusted with CSS using the width property: http://www.w3schools.com/cssref/pr_dim_width.asp 2. There might, but it's difficult to say without seeing the issue. Would it be possible to post a screenshot of the gallery on your iPhone browser?

[kbeaux 0]

Hi Catrina, Excuse the delayed response. 1. Do I target the iphone like this: .iphone .main_nav li a { font-size: 0.85em; line-height: 1em; width: auto} ? 2. Attached is a screen shot. I feel like I'm missing something in both cases [url]https://www.dropbox.com/s/pot5pcbbvcqcea5/2012-06-20%2010.58.10.png[/url] Thank you so much for your help. Cheers! Kenn

[kbeaux 0]

Whoops forgot to attach reference screenshot for Question 1. [url]https://www.dropbox.com/s/4c0it71qvf9a35u/2012-06-20%2010.25.54.png[/url] Thanks again.

[Rob 547]

Do you have the Browser Specific CSS plugin? It's free and available from the Store.

[kbeaux 0]

Hi @rangelone. I do have the browser specific css plug in installed. Maybe I'm not using it the right way. is there a wiki or doc for it? Thanks

[Simon 248]

http://www.pagelines.com/tracking/wiki/Browserspecificcss%3AMainPage