Center Align Primary Menu – Agency Theme

Community Forums Forums Design Tips and Tricks Center Align Primary Menu – Agency Theme

This topic is: not resolved

This topic contains 5 replies, has 2 voices, and was last updated by  NewSeasonDesign 1 year, 7 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #20093

    heartlandhosting
    Participant
    Post count: 4

    I want to center the primary menu on the Agency child theme (currently left justified). How can I change the css to accomplish this? Our website is not published yet, currently in Maintenance Mode. If you need to access I can provide a login.
    URL: http://www.PapeleriaDesign.com


    Scott McLaughlin
    Owner, Heartland Hosting, LLC

    #20114

    NewSeasonDesign
    Participant
    Post count: 35

    Are you talking about the individual menu items? If so, you should be able to do this:

    #nav li a {text-align:center;}

    #24406

    heartlandhosting
    Participant
    Post count: 4

    I’ve tried to add this in the style.css.  But it has not worked.  I’m not sure that as a bulleted list, I can do what I’m wanting.   Let me try again to explain.  Currently the menu buttons appear on the left side below the header (as below):
    ———————————— HEADER ————————————
    Home  About  FAQ  …..  Contact  Blog

    I want the items to be centered below the header (as below):
    ———————————— HEADER ————————————
    Home  About  FAQ  …..  Contact  Blog
    Anyone with any ideas?
    style.css (http://papeleriadesign.com/wp-content/themes/agency/style.css)


    Scott McLaughlin
    Owner, Heartland Hosting, LLC

    #24567

    NewSeasonDesign
    Participant
    Post count: 35

    With it being in maintenance mode, I can’t use Firebug to check on it. Sorry!

    #24618

    heartlandhosting
    Participant
    Post count: 4

    OK, so now if you would be so kind to check again, it is not in Maintenance Mode.


    Scott McLaughlin
    Owner, Heartland Hosting, LLC

    #24714

    NewSeasonDesign
    Participant
    Post count: 35

    You could do this:

    .menu-primary, .menu-secondary, #header .menu {margin: 0 auto; max-width: 717px;}

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.