Results 1 to 5 of 5
  1. #1

    Default Move Top Menu Links to the Right

    I plan to remove my Header Search Bar, and put the top menu links (above the Logo Wrapper) in its place on the Right side of the page. I figured out how to remove the Search, but can't find how to move the links. Thanks for any help!

  2. #2
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,024
    Plugin Contributions
    3

    Default Re: Move Top Menu Links to the Right

    In the stylesheet, add float:right; to #navMain ul

  3. #3

    Default Re: Move Top Menu Links to the Right

    THANK YOU! This worked perfectly in my sandbox site. Will update my actual store soon.

  4. #4
    Join Date
    Aug 2010
    Posts
    12
    Plugin Contributions
    0

    Default Re: Move Top Menu Links to the Right

    Quote Originally Posted by stevesh View Post
    In the stylesheet, add float:right; to #navMain ul
    Stevesh

    I have #navMain ul in 3 or 4 places in my stylesheet.css (folder: /includes/templates/template100003/css )

    Should I change that in every place ?

    Regards
    Artur

  5. #5
    Join Date
    Aug 2010
    Posts
    12
    Plugin Contributions
    0

    Default Re: Move Top Menu Links to the Right

    Me again - need your help :)

    I can't justify this menu - "Home | Log in | Shopping Cart | .... " to the right

    My tpl_header.php does not contain <div id="navMain"> (in the other thread User Cobra suggested changing this "back" to "forward" ). My tpl_header includes only:

    <div class="header-link">
    <div class="moduletable_menu">
    <ul class="menu">
    .... and the rest of code regarding menu

    So I am not sure if changing anything "about navMain ul" would help. In my css - I have:

    .header-link{ float:right; padding:43px 11px 0 0;}
    .header-link ul{ list-style:none; margin:0; padding:4px 0 0 0; overflow:hidden;}
    .header-link ul li{ display:block; float:right; background:url(../images/header_separator.gif) left 7px no-repeat; margin:0 0 0 -1px;}
    .header-link ul li a{ color:#868585; font-size:11px; line-height:14px; text-transform:uppercase; padding:0 16px;
    text-decoration:none;}
    .header-link ul li a:hover{ color:#920007; text-decoration:none;}

    Yet I have no idea where to put this "float: rght;" to make it work.
    I tried in the most places.

    Anyone ?
    Last edited by art75; 12 Jun 2011 at 09:06 PM.

 

 

Similar Threads

  1. Replies: 10
    Last Post: 11 Oct 2017, 08:09 PM
  2. v151 Can't move the right column to the top.
    By AlexThibo in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 19 Oct 2013, 04:17 PM
  3. How to modify the top menu links
    By cadarilondon in forum Setting Up Categories, Products, Attributes
    Replies: 1
    Last Post: 2 Aug 2007, 12:02 PM
  4. Right-aligning top menu links
    By hansi in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 25 Jul 2007, 10:25 AM
  5. how to move ezpages links to the top near login
    By fulltilt in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 6 Oct 2006, 12:11 PM

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