Clean Black
Centering text in main menu bar (7 posts)

  1. rsanger
    Posted 1 year ago #

    What do I edit in the css to center the text in the menu bar? There is no text align in the nav section so I am assuming there is more to it than that. Any help will be greatly appreciated. Thank you

  2. Andrew
    Nuh uh moderator
    Posted 1 year ago #

    Where would you make your CSS edits?

  3. Edde Poon
    Posted 1 year ago #

    Do you have a link?

    It probably can be easily done with adjusting padding or even add your own text align.

  4. rsanger
    Posted 1 year ago #

    Thanks for getting back so quick. I just figured it out by adding "allign; center" to #nav, and replacing "float: left" with "display:inline-block" under #nav ul and #nav li

  5. WPyogi
    Forum Moderator
    Posted 1 year ago #

    Be aware that if you are modifying theme files, you changes will be lost when the theme is updated. Best to use Custom CSS (plugin) or a child theme.


  6. Skysnake
    Posted 1 year ago #

    I have the same problem

    .....Header center, but
    NAVBAR left aligned

    I tried the align: center under #nav above, but no change. its as if it will only sit on the left margin.

    It will be cool to make the navbar follow the header (eg both left, both center etc)


  7. Skysnake
    Posted 1 year ago #

    I centered the navbar menu under the header

    edit the header.php, at the bottom (last three rows). insert

    align=center inside the id=navbar bracket

    <div id="navbarfull"><div id="navbar" align=center><ul id="nav" >

    tested this with Chrome, Internet Explorer and Firefox. Works.

    [RESOVLED] ;-)

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic