Menu font

  • Resolved foxyfox27

    (@foxyfox27)


    5 years, 9 months ago

    Hi
    First off I love the theme, thank you.

    My question… How do I make the font size bigger (home, instructors, contact)?

    I’ve tried all of the suggestions in the other posts but they seem to just create white space underneath the menu (eg close995 suggesting font-size: 100px etc)

    I’ve also played around with vmin but that only seems to be effective on a mobile.

    Ideally I’d like the same font size as h1.

    Can you help?
    TIA
    FF27

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

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

    (@gdpavle)

    5 years, 9 months ago

    Hey @foxyfox27,

    Thank you for reaching out.

    Yes, I can help you 🙂

    Can you just provide the correct URL to your website so I can take a look and provide the required modification?

    Best Regards,
    Pavle

    Thread Starter foxyfox27

    (@foxyfox27)

    5 years, 9 months ago

    Hi

    It is

    Swctest.Co.Uk

    Ff27

    Thread Starter foxyfox27

    (@foxyfox27)

    5 years, 9 months ago

    Bump

    gdpavle

    (@gdpavle)

    5 years, 9 months ago

    Hey @foxyfox27,

    Sorry for a slight delay in my response.

    Can you please try the following CSS code:

    #menu-primary-menu > a
{
  font-size: 50px;
}

    Please let me know if this worked for you and feel free to adjust the number of pixels, of course. 🙂

    Best Regards,
    Pavle

    Thread Starter foxyfox27

    (@foxyfox27)

    5 years, 9 months ago

    Hello again
    Unfortunately that has not worked. You will see in the code that I have adjusted the pixel size to 250 with no impact.

    I think there may be some overriding code that adjusts the primary menu size because when page is resized to a small phone type screen and menu is selected the menu items can be seen to be of different sizes.

    Your continued support gratefully received

    gdpavle

    (@gdpavle)

    5 years, 9 months ago

    Hey @foxyfox27,

    I understand. It looks like there is a code that already defined.

    We should try a different approach. Please try the following CSS code:

    .menu-item a
{
	font-size: 35px;
}

    You can adjust the number of pixels for your needs.

    Let me know if this worked for you. 😀

    Best Regards,
    Pavle

    Thread Starter foxyfox27

    (@foxyfox27)

    5 years, 9 months ago

    Hi
    Yes that worked and resolved. Thanks

    gdpavle

    (@gdpavle)

    5 years, 9 months ago

    Hey @foxyfox27,

    I’m glad to hear that.

    Have a wonderful day!

    Best Regards,
    Pavle

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

The topic ‘Menu font’ is closed to new replies.