Mobile Navigation

[djhht]

Using the Mobile Preferences I set up the Mobile Navigation and it works on the mobile device, but there seems to be a line coming down after the text on the first item on the menu. Can you look at it on a mobile device and advise where this line is coming from or if you see it? www.homehealthtesting.com
thanks,
Dana

[Jim]

It is the vertical bar that should be between "Health Tests" and "Contact". Because the font is relatively large the "Health Tests" text is to long for the space allowed so it wraps, forcing the | down a line. The line looks like it is a cell border. Here are the styles that are probably causing it.

Code: Select all

#mb_links {background: #0C71C1 url(https://www.homehealthtesting.com/media/en-US/backgrounds/shared/mb_sprite.png) bottom left repeat-x; padding: 0px; height: 36px;}
 #mb_links a {display: block; line-height: 36px; width: 24.5%; float: left; color: #FFFFFF; text-decoration: none; text-align: center; font-size: 110%; border-left: 1px solid #0C71C1;}
 #mb_links a:first-child {border-left: 0px;}
 #mb_links a.right {float: right;}

Note that there is a left border of 1px which is probably what is displaying. Changing the font size down a bit, maybe to 105%, would probably fix it as long as you don't put a longer word in the menu.

[djhht]

Perfect! Thank you!