[Theme: Eventbrite] editing menu dropdown

  • onlinePROTECT

    (@onlineprotect)


    8 years, 9 months ago

    Hi, new here and new to CSS!

    I’ve been playing around with our site (onlineprotect.org.uk), and I’m after some help with a couple of things if possible.

    1. When you hover over the menu that drops down (see about / resources on site) – it expands and becomes really wide… how do I stop this from expanding like this?

    2. How do I get rid of those grey lines inbetween the menu

    3. How do I stop links becoming underlined when you hover?

    Thanks in advance

Viewing 1 replies (of 1 total)
  • Bojan Radonic – WPMU DEV Support

    (@wpmudev-support4)

    8 years, 9 months ago

    Hey there onlinePROTECT,

    How are you doing today?

    Generally all these issues could be solved with some custom CSS. Please try adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:

    http://wordpress.org/plugins/simple-custom-css

    1. To stop menu that has drop downs expanding please try adding the following:

    nav li ul, div.menu li ul {
    position: absolute;
}

    2. To remove lines between the menu items please try adding the following:

    nav a:before, div.menu a:before {
    background: none;
}

nav a:after, div.menu a:after {
    background: none;
}

    3. To remove underline on hover, please try adding the following:

    a:hover, a:focus {
    text-decoration: none;
}

    If any of the code doesn’t work please keep it added and let me know so I can take a look 🙂

    Hope this helps.

    Cheers,
    Bojan

Viewing 1 replies (of 1 total)
  • The topic ‘[Theme: Eventbrite] editing menu dropdown’ is closed to new replies.