Zen Cart Logo
Forums / General Questions / Navigation Bar splitting over two lines

Navigation Bar splitting over two lines

Views: 917

Results 1 to 3 of 3
2 Apr 2012, 12:22 PM
#1
newmo avatar

newmo

New Zenner

Join Date:
Apr 2012
Posts:
2
Plugin Contributions:
0

Navigation Bar splitting over two lines

Hi folks!
I am an absolute beginner with Zen Cart but have successfully put together (after much Googling and following tutorials!) a site to enable my boss to offer light graffiti paintings for sale.
However, something has gone wrong in the last couple of days and I have been unable to find a solution to it, in spite of much searching. The top navigation bar, which was showing up fine, has suddenly started to split over two lines (please see attached screenshot). I made a small alteration to one of the items in the bar over a week ago and everything was OK after that. Since then, I have made no deliberate changes to it and cannot understand what has gone wrong.
The problem exists in Firefox and Google Chrome, though strangely it is displaying correctly in IE!
I am using V1.5.0. and the Bask Black Template.
The site URL is http://www.mouseonthemove.com
Any help would be much appreciated.
Thank you in advance.

2 Apr 2012, 12:57 PM
#2
newmo avatar

newmo

New Zenner

Join Date:
Apr 2012
Posts:
2
Plugin Contributions:
0

Re: Navigation Bar splitting over two lines

Hello again folks.
I seem to have resolved this issue myself. It appears that, when I changed the title of one of the links, there was too much text in the new title and the nav bar was overflowing. I went into the CSS stylesheet and reduced the padding for navMainWrapper and navMain ul and everything seems to be displaying fine again.
Hope this may help someone else!

2 Apr 2012, 2:13 PM
#3
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Navigation Bar splitting over two lines

Thanks for posting the root cause and solution you found:)