• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 228
  • Last Modified:

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:
www.collabiril.com/shop

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.
0
alicia1234
Asked:
alicia1234
  • 3
  • 2
1 Solution
 
Albert Van HalenCommented:
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.
0
 
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.
0
 
Albert Van HalenCommented:
You have a style rule called .back (line 653 in stylesheet.css)
Set float to right : that should do it.
0
 
Albert Van HalenCommented:
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; }
0
 
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.
0

Featured Post

[Webinar] Cloud and Mobile-First Strategy

Maybe you’ve fully adopted the cloud since the beginning. Or maybe you started with on-prem resources but are pursuing a “cloud and mobile first” strategy. Getting to that end state has its challenges. Discover how to build out a 100% cloud and mobile IT strategy in this webinar.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now