Page 1 of 2 12 LastLast
Results 1 to 10 of 11
  1. #1
    Join Date
    Feb 2004
    Posts
    1,278
    Plugin Contributions
    0

    Default 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.

    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?

  2. #2
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

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

    Find in your stylesheet and adjust highlighted
    Code:
    #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

  3. #3
    Join Date
    Feb 2004
    Posts
    1,278
    Plugin Contributions
    0

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

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

  4. #4
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default 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

  5. #5
    Join Date
    Feb 2004
    Posts
    1,278
    Plugin Contributions
    0

    Default 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.

  6. #6
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default 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
    Code:
    #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. #7
    Join Date
    Feb 2004
    Posts
    1,278
    Plugin Contributions
    0

    Default 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. #8
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,761
    Plugin Contributions
    9

    Default 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

  9. #9
    Join Date
    Feb 2004
    Posts
    1,278
    Plugin Contributions
    0

    Default 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.

  10. #10
    Join Date
    Feb 2004
    Posts
    1,278
    Plugin Contributions
    0

    Default 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!

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. How to move navigation bar in header?
    By discguy in forum Templates, Stylesheets, Page Layout
    Replies: 18
    Last Post: 27 Jul 2010, 01:42 AM
  2. Move text in Navigation bar to the right
    By rjpublish in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 3 Jul 2010, 01:59 AM
  3. Trying to add left navigation bar/ match ZenCart to the look of my site
    By NavPublishing in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 28 Oct 2008, 09:08 PM
  4. Move header navigation bar.
    By Astarkley in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 16 Sep 2007, 04:59 AM
  5. Move the header sales text to the nav bar?
    By beasleybub in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 17 Apr 2007, 06:58 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR