WordPress.org

Ready to get started?Download WordPress

Forums

Mantra
[resolved] center navigation bar and add horizontal rule (7 posts)

  1. schaeffergames
    Member
    Posted 1 year ago #

    I have been trying to center the navigation bar but so far nothing has worked. Any insight you can give would be appreciated

  2. schaeffergames
    Member
    Posted 1 year ago #

    anyone? I could use some help locating which css selectors to target. I have been looking for the #nav div and have come up empty. and help would be greatly appreciated.
    Thanks

  3. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Posting a link to your site will make it much easier for people to help you :).

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Centring nav menus has been asked and answered many times before;

    http://wordpress.org/support/topic/centering-nav-menu-in-slim-theme?replies=3
    http://wordpress.org/support/topic/gridiculous-menu-site-navigation-cant-center?replies=5
    http://wordpress.org/support/topic/twenty-twelve-theme-center-align-items-main-menu?replies=5
    http://wordpress.org/support/topic/delicate-theme-how-to-center-navigation-bar?replies=7
    http://wordpress.org/support/topic/how-to-put-header-and-menubar-in-center?replies=3
    http://wordpress.org/support/topic/show-menu-in-center?replies=3
    http://wordpress.org/support/topic/center-menu-help?replies=14
    Try using a browser developer tool for this kind of exploratory CSS work.
    I use Google Chrome's built-in Developer Tool because I find it particularly easy to use.

    Alternatively, ask general CSS forums;
    http://csscreator.com/forum
    http://www.cssforum.com.pk/
    http://css-tricks.com/forums/
    http://www.welovecss.com/
    http://www.codingforums.com/

    Now that you know the style, from being exposed/added by the Developer Tool, you can add a new style to override it.

    You ought to add new styles externally, not within the theme's files. Changes to the theme's files will compromise the theme and be compromised when the theme updates.

    External changes can be made using a Child Theme or through a plugin that provides Custom CSS functionality.

  5. schaeffergames
    Member
    Posted 1 year ago #

    Thank you Andrew. All of your suggestions are great except for one thing. None of the apply to the Mantra theme.

    I have used Firefox's web developer tools and keep coming up empty . I hav a general idea of how CSS works but this is VERY involved.

    I have searched until I am blue in the face. I don't want anyone to do my work for me but can someone please just give a better roadmap.

  6. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    To be more specific with what I said above, without a link to your site, it is very difficult to help with CSS questions. Centering a menu is completely theme and site specific - but the general concepts in the threads linked above apply -- the specific depend on your site. So posting a link is necessary if you want specific help.

  7. CryoutCreations
    Member
    Theme Author

    Posted 1 year ago #

    This question is answered in the Mantra FAQs - question C23

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.