• Hi guys,

    I’d like to change the font size of my main menu in the header. Right now it’s not very legible.
    I already Googled and tried everything I found on the forums but no luck. Any help is much appreciated!

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • lisa

    (@contentiskey)

    Maybe try something like this to make the size of the text larger.
    Modify this CSS code in your child theme or CSS editor:

    #jqueryslidemenu ul.nav > li > a {
        font-size: 2.0 rem;
        }
    Thread Starter loui12345

    (@loui12345)

    Thanks Lisa! I didn’t try that one yet! But it doesn’t seem to work ??

    Hello,
    Your theme author target the menu item with css with above way. So if previous solution doesn’t work then add a !importnat after 2.0rem.
    You can use px value also for this.
    Thanks.

    Here’s a code that worked for me when I asked the same question:

    #nav-main ul.sf-menu ul li a {
    font-size:20px;
    }
    • This reply was modified 6 years, 11 months ago by Tessila.
    Thread Starter loui12345

    (@loui12345)

    Weirdly enough both of these options don’t work. What could it be?!

    Thread Starter loui12345

    (@loui12345)

    Wait! You guys, it did work!
    Had to clear my cache ??

    Thread Starter loui12345

    (@loui12345)

    Now it’s just wayyyyy too big. But I’ll figure it out.
    Thanks everyone!

    Change the “20px” to a smaller or larger number to resize it. Sorry, I forgot to add that detail.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Change font size of main menu’ is closed to new replies.