WordPress.org

Support

Support » Themes and Templates » Max Magazine » Add a primary menu item to primary nav bar without it bleeding onto the next row

Add a primary menu item to primary nav bar without it bleeding onto the next row

  • 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!

    Max Magazine

Viewing 5 replies - 1 through 5 (of 5 total)
  • WPyogi

    @wpyogi

    Forum Moderator

    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?

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

    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.

    WPyogi

    @wpyogi

    Forum Moderator

    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.

    WPyogi

    @wpyogi

    Forum Moderator

    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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Add a primary menu item to primary nav bar without it bleeding onto the next row’ is closed to new replies.
Skip to toolbar