Forums / Templates, Stylesheets, Page Layout / Trying to move the Header Navigation Bar to the left

Trying to move the Header Navigation Bar to the left

Locked

Views: 2,539

Results 1 to 11 of 11
This thread is locked. New replies are disabled.
7 Jul 2008, 7:38 PM
#1
milobloom avatar

milobloom

Totally Zenned

Join Date:
Feb 2004
Posts:
1,267
Plugin Contributions:
1

Trying to move the Header Navigation Bar to the left

I have been playing with the CSS and cant seem to find the answer to this.

https://www.nothingbutcostumes.com

I am trying to move the bar to the left. It looks odd floating in the middle like that.

How do I change this?

7 Jul 2008, 9:52 PM
#2
kobra avatar

kobra

Black Belt

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

Re: Trying to move the Header Navigation Bar to the left

Find in your stylesheet and adjust highlighted

#navMain ul {
	margin: 0;
	padding: 0.5em 0 0 300px;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	vertical-align: middle;
}

Zen-Venom Get Bitten

7 Jul 2008, 10:49 PM
#3
milobloom avatar

milobloom

Totally Zenned

Join Date:
Feb 2004
Posts:
1,267
Plugin Contributions:
1

Re: Trying to move the Header Navigation Bar to the left

I made the change... But It didn't move it at all.

8 Jul 2008, 12:00 AM
#4
kobra avatar

kobra

Black Belt

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

Re: Trying to move the Header Navigation Bar to the left

Not in the stylesheet loading with your site it is still set to 300px

Zen-Venom Get Bitten

8 Jul 2008, 12:49 AM
#5
milobloom avatar

milobloom

Totally Zenned

Join Date:
Feb 2004
Posts:
1,267
Plugin Contributions:
1

Re: Trying to move the Header Navigation Bar to the left

Hmmm

#navMain ul {
margin: 0;
padding: 0.5em 0 0 0px;
list-style-type: none;
text-align: center;
line-height: 1.5em;
vertical-align: left;

this is my templates css...

How can something be over ridden??
I have other mods in this one so I know its reading it.

8 Jul 2008, 2:24 AM
#6
kobra avatar

kobra

Black Belt

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

Re: Trying to move the Header Navigation Bar to the left

Are you editing the stylesheet here includes/templates/zencart_zen/css/stylesheet.css ??

Copied from your loaded stylesheet using FF & the web tools

#navMain ul {
	margin: 0;
	padding: 0.5em 0 0 300px;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	vertical-align: middle;
}

Zen-Venom Get Bitten

8 Jul 2008, 3:14 AM
#7
milobloom avatar

milobloom

Totally Zenned

Join Date:
Feb 2004
Posts:
1,267
Plugin Contributions:
1

Re: Trying to move the Header Navigation Bar to the left

Im not kidding...

I looked again and again... My

zencart_zen/css/stylesheet.css

Had that fix applied. It WAS there... I took it out...
This is weird...

8 Jul 2008, 3:22 AM
#8
kobra avatar

kobra

Black Belt

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

Re: Trying to move the Header Navigation Bar to the left

Had that fix applied. It WAS there... I took it out...
Why did you take it out?? margin of 300px is the issue

I never saw that it was loaded with the change

Again why did you take it out?

Zen-Venom Get Bitten

8 Jul 2008, 10:27 AM
#9
milobloom avatar

milobloom

Totally Zenned

Join Date:
Feb 2004
Posts:
1,267
Plugin Contributions:
1

Re: Trying to move the Header Navigation Bar to the left

Not out...

Sorry wrong wording...

This is an exact clip from my stylesheet:

#navMain ul {
margin: 0;
padding: 0.5em 0 0 0px;
list-style-type: none;
text-align: center;
line-height: 1.5em;
vertical-align: left;

I see in FF the same thing. That it points to that sylesheet...
Its the oddest thing.

8 Jul 2008, 10:39 AM
#10
milobloom avatar

milobloom

Totally Zenned

Join Date:
Feb 2004
Posts:
1,267
Plugin Contributions:
1

Re: Trying to move the Header Navigation Bar to the left

Here is how I fixed it.

I renames my stylesheet to xxxstylesheet.css

I make a copy from FF and pasted it into notepad.
Then made the change in note pad
Named it stylesheet.css and uploaded it back to the system.

Its the oddest thing I have ever seen!

8 Jul 2008, 10:52 AM
#11
milobloom avatar

milobloom

Totally Zenned

Join Date:
Feb 2004
Posts:
1,267
Plugin Contributions:
1

Re: Trying to move the Header Navigation Bar to the left

Oh I usually make my edits in my cuteftp editor