WordPress.org

Support

Support » Themes and Templates » Navigation Bar Dropdown Menu Font Size

Navigation Bar Dropdown Menu Font Size

  • I want to reduce the font size of the navigation bar dropdown menu items for merrickvillesjazzfest.com. With reference to ‘dropdown menu font suffusion’, I added the following CSS code to Custom Styles (Dashboard -> Appearance -> Suffusion Options -> Back-end -> Custom Includes):
    #nav ul ul li a, #nav ul ul li a:visited {font-size:70%;}
    but the font size stubbornly stays the same size. Is there something wrong with the CSS code?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Andrew Nevins

    @anevins

    Forum moderator

    Looks like the Custom Includes isn’t actually including into your page.
    Could you try editing custom-styles.css?

    I tried adding
    #nav ul ul li a, #nav ul ul li a:visited {font-size:70%;}
    to style.css (public_html/wp-content/themes/suffusion/style.css), and then to dark-style.css, but no change – the navigation bar dropdown menu font size stubbornly stays the same as the top level font size. I don’t know CSS, so I’m wondering if this is the right code. Any suggestions would be greatly appreciated. {ref merrickvillesjazzfest.com}

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    Try adding #nav.continuous instead of #nav

    Thanks, Andrew! I added the following code to Custom Styles (Dashboard -> Appearance -> Suffusion Options -> Back-end -> Custom Includes):

    #nav.continuous ul ul li a,
    #nav.continuous ul ul li a:hover,
    #nav.continuous ul ul li a:visited
    {font-size:70%;}

    It works fine now, except for the font size of the navigation bar dropdown menu item for the page I’m on. I tried including
    #nav.continuous ul ul li a:highlighted,
    in the above CSS code, but that didn’t work. I can live with that but, if you have another suggestion, I’d appreciate it.

    Moderator Andrew Nevins

    @anevins

    Forum moderator

    If you want to change the active page link in the drop down menu, try this

    ul li.current_page_item a.current,
    ul li.current_page_item a.current:active {
    font-size: 70%;
    }

    It’s really difficult to work with your stylesheet because you have so many conflicting styles, such as line 571 style.css

    If that code still doesn’t work, try adding !important on the end of 70%;
    E.g
    font-size: 70% !important;

    I tried just adding !important so that my Custom Styles code is now

    #nav.continuous ul ul li a,
    #nav.continuous ul ul li a:hover,
    #nav.continuous ul ul li a:visited
    {font-size:70% !important;}

    It works perfectly now. It must have been a conflict/precedence issue, although I really like the Suffusion Custom Styles capability.
    Thanks again, Andrew! {ref merrickvillesjazzfest.com}

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Navigation Bar Dropdown Menu Font Size’ is closed to new replies.
Skip to toolbar