Minimum nav menu centered

Community Forums Forums Design Tips and Tricks Minimum nav menu centered

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  stefiharr 10 months, 2 weeks ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #44962

    stefiharr
    Participant
    Post count: 47

    Hi there!  I’ve tried a few snippets I’ve seen online and here in the forum, and I can’t seem to get my nav menu centered.  Can someone help me please?  URL is http://houstonyogaevents.com/, theme is Minimum.

     

    Many thanks!

    Stefani :)

    http://houstonyogaevents.com/
    #44964

    Tony @ AlphaBlossom
    Participant
    Post count: 351

    Hi there,

    In your style.css file, add “text-align: center;” to .menu-primary, .menu-secondary, #header .menu (around line 286).

    Then for .menu-primary li, .menu-secondary li, #header .menu li (around line 310) add:

    float: none;
    display: inline-block;

    Right now there don’t appear to be any submenus, but if you add them you will probably have to add some rules to align the text to the left…


    Tony Eppright | http://www.AlphaBlossom.com | @_alphablossom

    #44965

    stefiharr
    Participant
    Post count: 47

    Yippppeeee!  It worked!!  And it didn’t mess up the responsive coding (which I am obsessed with NOT messing up!).  Thank you Tony!!  :):)

    #44967

    Tony @ AlphaBlossom
    Participant
    Post count: 351

    It does indeed work for responsive layouts :)

    I’m happy to hear it worked for you! Have a great night!!!


    Tony Eppright | http://www.AlphaBlossom.com | @_alphablossom

    #44968

    stefiharr
    Participant
    Post count: 47

    You too!  Many thanks!  :)

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

You must be logged in to reply to this topic.