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 1 year, 2 months 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: 503

    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…


    #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: 503

    It does indeed work for responsive layouts :)

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


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