• Resolved DDWK

    (@ddwk)


    I am trying to change the width the drop down menu (displaying the submenu page titles). I’m sure it’s a dumb and easy thing to do, but I’ve exhausted ideas. Can anyone help? Basically, I’d like to assign either a number of pixels or a percentage increase. Any help is appreciated.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter DDWK

    (@ddwk)

    Oh shoot – I always jump the gun – just figured it out. Thanks to anyone who has already read and started a reply. 🙂

    By the way – this did the trick – .nav li:hover ul,
    .nav li:hover ul li:hover ul{width:440px!important}

    Just to keep inline with Responsiveness, I’d look at changing width:440px to something like width: 100% and adjust it to what you need.

    Thread Starter DDWK

    (@ddwk)

    I thought the same thing But, for some reason, 100% didn’t work. It actually resulted in a smaller width.

    Would need a link to check it for you

    Thread Starter DDWK

    (@ddwk)

    200% made a difference but I’m still not happy with it.

    BUT, you can’t ignore it. You need some @media to handle smaller viewports. Have tried using Resizer and the responsive menu jumps about on hover due to 2 different widths in normal/hover.

    But please keep coming back as I love it when I open up your site – it’s just brilliant!!

    Thread Starter DDWK

    (@ddwk)

    Yeah, I saw that jumping about. I’ll have to work that out. Bummer.

    And thanks for the kind words. I imagine I’ll be back again with more questions. 🙂 Thanks for the help!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘how to change width of drop down menu’ is closed to new replies.