0
Welcome Guest! Login
0 items Join Now

SOLVED How do I center the submenu items?

Last Post
Search Topic

  • SOLVED How do I center the submenu items?

    Posted 11 years 5 months ago
    • Hi,

      I got the code for centering the menu from a previous post however when I added it to a new site all of the submenu items are out of alignment.

      This is the menu centering code:
      #rt-header .menu-block { float:left; width:100%; position:relative; }
#rt-header ul.gf-menu { clear:left; float:right; position:relative; right:50%; text-align:center; width: auto; }
#rt-header ul.gf-menu li { display:block; float:left; position:relative; left:50%; }
 

      This is a url to the site under development:

      zclientdev.com/wsrccdev
      Gantry 4.1.18
      Joomla 2.5.16
    • Last Edit: 11 years 5 months ago by Tim Burkart.
    #1037864
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: SOLVED How do I center the submenu items?

    Posted 11 years 5 months ago
    • change the code to
      #rt-header ul.gf-menu {
     clear: left;
     float: right;
     position: relative;
     right: 50%;
     text-align: center;
     width: auto;
}
#rt-header ul.gf-menu > li {
     display: block;
     float: left;
     left: 50%;
     position: relative;
}

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1038016

  • Re: SOLVED How do I center the submenu items?

    Posted 11 years 5 months ago
    • Thank you very much Mr. T!
    #1038099

Time to create page: 0.075 seconds