Vertical menu buttons same width

  • rachacha516

    (@rachacha516)


    10 years, 5 months ago

    Please help! I’ve been stuck looking and re looking through my header.php file and style sheet trying to adjust my menu buttons. They are all sized according to how much text is within the menu button. I want them all to be the same width as the longest texted button. How can I do this. I know I can put in the code width: 3em; right? But I don’t know where to start? I’ve found the navigation unordered list and list area and have added in width: 3em; but it doesn’t change them when I view the site. Is there somewhere else? Does it need to be in the style sheet? my site is: http://www.thearterymke.org

    Please help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • esmi

    (@esmi)

    10 years, 5 months ago

    I’m sorry but as you are using a commercial theme, you need to seek support from the theme’s developer/vendor. We do not support commercial products here.
    Try http://themeforest.net/user/pixedelic

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    10 years, 5 months ago

    I want them all to be the same width as the longest texted button.

    You won’t be able to do that with CSS. The issue is that font sizes vary depending on people’s device and browser settings (you can set your own font size, family, style, etc.). So you may think the longest menu item has a 3em width, but for someone else that may be 4em.

    You can use jQuery’s width method to get the width of the longest menu item (the one with the most text) and then apply that width to all menu items.

    Have you tried contacting your theme’s vendors about this?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Vertical menu buttons same width’ is closed to new replies.