Can't click on drop-down menu items

  • Resolved charmies

    (@charmies)


    10 years, 11 months ago

    Hi,
    I used the code snippet from your website to change my navbar color,font and size:
    /* Adjust Menu (black) text color, (Arial) font-family, (1.5em) font-size */
    .navbar .nav > li > a, .navbar .nav > li > a:first-letter,
    .navbar .nav > li.current-menu-item > a,
    .navbar .nav > li.current-menu-ancestor > a {
    display: inline;
    color: grey;
    font-family: Arial;
    font-weight: bold;
    font-size: 1.5em;

    The only problem is that the drop down menu tends to disappear before you can click on the item.

    Website is https://camdencab.ibtsonline.co.uk

    Thanks

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

  • Try adding this to your custom css, or your child theme style.css :

    .tc-hover-menu.nav ul {
  top: 20px;
}

    This will move up the dropdown menu. Possibly adjust that value to what you feel is most appropriate

    Thread Starter charmies

    (@charmies)

    Thanks but this hasn’t solved the issue. I tried playing around with the value but this didn’t do anything. When I removed some of the code I mentioned, it solved the issue but obviously I want to keep the formatting.

    It must work! If I look at your source, inspecting that element, i see this:

    .tc-hover-menu.nav ul {
}

    Looks like it doesn’t get that property, why?
    If I edit that part of your custom css (with google-chrome inspect element: <head> -> <style id=”option-custom-css”>, mouse right click -> edit as html) I see:

    .tc-hover-menu.nav ul {
? top: 100px;
}

    So the problem is that “&nbsp”, remove it.
    But since you have a child theme why don’t use its style.css?

    edit:
    when I put code in beweent backticks “&nbsp” is parsed, but it’s there.
    Probably you copied the code as is, anyway remove spaces before top: 100px;, and decrease that value, of course.

    Thread Starter charmies

    (@charmies)

    It was the extra spaces. Thanks

    Np, glad you solved.
    ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Can't click on drop-down menu items’ is closed to new replies.

Tags