Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Align nav links to the right?

Align nav links to the right?

Views: 856

Results 1 to 8 of 8
7 Aug 2011, 2:07 AM
#1
ebaobao avatar

ebaobao

Zen Follower

Join Date:
Jul 2008
Posts:
495
Plugin Contributions:
0

Align nav links to the right?

Hello,
How can I change the css file to align Login, My Account link to the right side inside the nav bar just to the left of the search box. Can't believe I still can't find it. Someone help please. Thanks.

7 Aug 2011, 6:14 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Align nav links to the right?

In your template find or copy to it tpl_header.php

Edit this and find

<[B]div id="navMain"[/B]>
    <ul class="back"> 

Change the class "back" to forward

7 Aug 2011, 4:45 PM
#3
ebaobao avatar

ebaobao

Zen Follower

Join Date:
Jul 2008
Posts:
495
Plugin Contributions:
0

Re: Align nav links to the right?

hi kobra,
thank you. so how would i put spacing or padding between these links?

so far i have

<div id="navMain"> <ul class="forward"> <li>link1</li> <li>link2</li> <li>link3</li> </ul> </div>

in stylesheet.css
i tried adding padding:10px 10px; but it doesn't work
to
.forward, #shoppingCartDefault #PPECbutton {
float: right;
padding: 10px 10px;
}
is that the correct place? or what should i do? thanks.

7 Aug 2011, 5:33 PM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Align nav links to the right?

I don't know what you have edited but your site still has this in the view source

<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
    <ul class="[B]back[/B]">   

    <!---->
7 Aug 2011, 6:16 PM
#5
ebaobao avatar

ebaobao

Zen Follower

Join Date:
Jul 2008
Posts:
495
Plugin Contributions:
0

Re: Align nav links to the right?

oh its a different site i'm working on using beta https://www.meaningfulaccents.com. I still want to keep the login link to the left.

7 Aug 2011, 6:26 PM
#6
ebaobao avatar

ebaobao

Zen Follower

Join Date:
Jul 2008
Posts:
495
Plugin Contributions:
0

Re: Align nav links to the right?

I'm able to align right. I just want to know about the spacing. I rather do it in css instead of hardcoding   if possible. thanks.

8 Aug 2011, 12:59 AM
#7
ebaobao avatar

ebaobao

Zen Follower

Join Date:
Jul 2008
Posts:
495
Plugin Contributions:
0

Re: Align nav links to the right?

forget it..i'm just gonna use   and move on. thanks kobra.

9 Aug 2011, 3:11 AM
#8
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Align nav links to the right?

forget it..i'm just gonna use   and move on
You should see what happens when a user logs in