WordPress.org

Ready to get started?Download WordPress

Forums

Catch Box
center align menu items (14 posts)

  1. CK Photo
    Member
    Posted 1 year ago #

    Hi, I'm hoping to center align my menu items instead of them sticking to the left of the menu bar. I'd like them to space evenly across the width of the page as well, but am having trouble finding where I should change this in the css. Thanks in advance for your help!

    http://www.deliohio.com

  2. akedv
    Member
    Posted 1 year ago #

    me too please, i can't get them centered but did that to many other themes before :( please advice!

    http://nas.cybermarket24.com

  3. Andrew
    Forum Moderator
    Posted 1 year ago #

    Do you have a section of the dashboard named, "Custom CSS"?

  4. akedv
    Member
    Posted 1 year ago #

    yes, you can add your own css in the theme options, usually i'm using a child theme...

  5. Andrew
    Forum Moderator
    Posted 1 year ago #

    Add this;

    #branding ul.menu {
     margin: 0 auto;
     display: table;
    }
  6. akedv
    Member
    Posted 1 year ago #

    thanks andrew, looks nice, but unfortunately the menu isn't responsive anymore -> doesn't change to a drop down when being displayed on a small screen, u got a solution for this as well?

  7. Andrew
    Forum Moderator
    Posted 1 year ago #

    Try adding this underneath the above recommended code:

    @media screen and (max-width: 767px) {
     #branding ul.menu {
      display: none;
     }
    }
  8. akedv
    Member
    Posted 1 year ago #

    hi, a already have a @media entry, so i added your piece of code to it (at the and of my custom css)

    @media screen and (max-width: 767px) {
        #branding #access-secondary,
        #branding #access-secondary ul.menu {
            display: block;
            margin: 0;
        }
      #branding ul.menu {
          display: none;
      }
    }

    but nothing changed

  9. Andrew
    Forum Moderator
    Posted 1 year ago #

    Did you clear your cache? I don't see an issue.

  10. akedv
    Member
    Posted 1 year ago #

    yes, i tried it in firefox, ie 10 and safari, but in every browser the secondary menu still doesn't change to a drop down menu when resizing the window

  11. Andrew
    Forum Moderator
    Posted 1 year ago #

    Can you post a link to a screenshot of the issue?

  12. akedv
    Member
    Posted 1 year ago #

    shure, here you go:

    screenshot

  13. Andrew
    Forum Moderator
    Posted 1 year ago #

    I'm sorry, your menu was like that before the change.

  14. laidback
    Member
    Posted 1 year ago #

    hey there,

    try adding this to your custom css

    .tinynav {
    color: #111
    }

    color should be something dark.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic