WordPress.org

Ready to get started?Download WordPress

Forums

Max Magazine
Add a primary menu item to primary nav bar without it bleeding onto the next row (6 posts)

  1. leylap
    Member
    Posted 4 months ago #

    Hi guya

    I was wondering whether I could add a sixth menu item to my already five primary menu items in my primary navbar without distorting the navbar or breaking the theme. Is that possible at all? My website is http://www.motherhooddiaries.com.

    I have very basic PHP/HTML etc knowledge

    Thanks in advance!

    http://wordpress.org/themes/max-magazine/

  2. WPyogi
    Volunteer Moderator
    Posted 4 months ago #

    Hi again,
    You could make the menu items a bit closer together by adding this CSS:

    #main-nav ul li {
        padding: 9px 20px;
    }

    The width is also constrained here so add and change that if need be:

    #main-nav ul {
        width: 960px;
    }

    I hope you're not modifying theme files directly?

  3. leylap
    Member
    Posted 4 months ago #

    Hi again and thank you again! Tbh I don't know. My website designers kind of just disappeared into thin air about 6 months ago so I've been working on the theme I think they created/manipulated. Not sure though. ...

  4. leylap
    Member
    Posted 4 months ago #

    Hi sorry, I'm a bit confused. I looked at the coding and it already displays padding 9px 20px etc, unless I'm looking in the wrong place? Sorry to be a pain and thanks again.

  5. WPyogi
    Volunteer Moderator
    Posted 4 months ago #

    Looked into this a bit more - you're not actually using this theme - the one you have is here:

    http://themeforest.net/item/max-mag-responsive-wordpress-magazine-theme/3103810

    Since that's a commercial theme, I have no way to know if or what has been changed. The problem with changing theme files directly is that the changes will be lost when the theme is updated.

    To avoid that, you can use a custom CSS option if your theme has it or add using a custom CSS plugin. For more than CSS changes we recommend a child theme -

    http://codex.wordpress.org/Child_Themes

    So at this point, I'd suggest you use a custom CSS plugin if your theme doesn't have that option - and just add changes there.

    For more detailed/informed help, you might want to check with the developer of the theme.

  6. WPyogi
    Volunteer Moderator
    Posted 4 months ago #

    I looked at the coding and it already displays padding 9px 20px etc, unless I'm looking in the wrong place? Sorry to be a pain and thanks again.

    Sorry I missed your post above - you should COPY that piece of code to custom CSS and CHANGE the 20px to something smaller.

Reply

You must log in to post.

About this Theme

About this Topic