How to align Zen Cart navigation to the right?

I'm beating my head against the wall on this one. I need help. Look here:

See the grey right-aligned menu bar that says "Home  Shopping  etc" ?
All I want to move all of that over to the right ... so it's all right-aligned in the "box" instead of left.

I'm stumped! Or else brain dead.
Who is Participating?
Albert Van HalenConnect With a Mentor Analyst developerCommented:
Oh, by the way.
Several divs (productsListingBottomNumber and productsListingTopNumber) have the back classname as well.
Check if the change won't affect those divs.
Otherwise specify a new style rule like : div#navMain ul.back { float: right; }
Albert Van HalenAnalyst developerCommented:
Hi there Alicia1234.
Is your issue fixed?? 'cause I don't see what you mean...

Is it the top menu with items Home, Login ...) ?
Please clarify.
alicia1234Author Commented:
No my problem isn't fixed, but I changed the width of the bar to span the whole page, so the bar itself can no longer be said to be "right-aligned".
But, yes, it's the bar with Home, Login... in it. I want all of those words to be over on the right; that is to say, right-aligned in the bar.
Albert Van HalenAnalyst developerCommented:
You have a style rule called .back (line 653 in stylesheet.css)
Set float to right : that should do it.
alicia1234Author Commented:
Perfect! I used the new style rule just to be sure, since it's Zen Cart's stylesheet and I don't know all the places that .back is used.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.