WordPress.org

Support

Support » Themes and Templates » [Resolved] Drop down menus larger

[Resolved] Drop down menus larger

  • jedavid79
    Member

    @jedavid79

    How do I make the drop down menus wider? My text is rapping and making the button look funny. I need to make the buttons wider to fit the text.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Andrew Nevins
    Forum moderator

    @anevins

    How familiar are you with CSS?

    jedavid79
    Member

    @jedavid79

    Familiar enough. I looked under editor, but was exactly sure where it was located.

    Andrew Nevins
    Forum moderator

    @anevins

    Does that theme come with a section in the dashboard named, “Custom CSS”, “Custom Styles” or “Jetpack”?

    Theme Author Styled Themes
    Participant

    @gejay

    There’s 3 places to adjust the width. In your theme files, go to the “css” folder and open the menu.css file.

    Find line 49 that starts with this: #site-navigation ul ul ul
    Change the 200px to what you want, eg: 300px

    Find line 60 that starts with this: #site-navigaton ul ul li
    Change the 200px to same width you did for the first width above.

    Find line 84 that starts with this: #site-navigation ul li:hover > ul
    Change the 200px to the same…as above.

    RECOMMENDATION: I would recommend creating a custom.css file and adding it to your css folder in the theme, then link to it from the header.php file in the <head> area. The reason is so that if you make any css changes in this custom.css file, any theme updates won’t overwrite changes, but would if you did them directly in the theme original stylesheets. However, as I always say to everyone, always make a backup before you make any kind of changes to anything…always good to play safe than sorry 🙂

    With a custom.css file, you would simply take those styles and paste them into the custom.css (only the parts you want to modify)

    jedavid79
    Member

    @jedavid79

    Seems pretty straight forward. I seems to just be CSS editing.

    Theme Author Styled Themes
    Participant

    @gejay

    Just css editing only 🙂

    My next theme I will be making is going to be a framework based theme where child themes will be used, therefore editing will be easier. But hopefully this one will work out for you with the widening of the submenus.

    jedavid79
    Member

    @jedavid79

    Worked like a charm. Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Resolved] Drop down menus larger’ is closed to new replies.