How can I change font size of the menu's at the top of the screen?

Follow

Comments

8 comments

  • Avatar
    Zetya Support

    Hi Alan,

    Change the width value for the following 2 CSS rules (in styles.css.liquid): "ul.sub-menu" and "ul.sub-menu li".

    Thanks, Gavin.

  • Avatar
    Alan

    Thanks Gavin. I was able to play around with the width setting's and it works fine now. Bravo!

  • Avatar
    Alan

    For some reason, the drop down menu's sometimes dont work. I've been playing around with the dropdown menu for the Blackberry section. Sometimes the dropdown list will drop down for a sec then disappear it wont stay.

  • Avatar
    Zetya Support

    Hi Allan,

    It looks like you have reduced the menu font size to 11px. This has reduced the height of the surrounding box, so the hover doesn't work properly now. To fix this, change the padding on "ul.main-menu li" to;

    padding: 8px 10px;

    Thanks, Gavin.

  • Avatar
    Alan

    Gavin,

    I'm in customer service field as well, I must say your customer service is beyond words! When my business gets up and running I owe you a dinner or drinks! You have gone beyond my expectations.

     

    Thank you

  • Avatar
    Zetya Support

    Glad to be of service.

  • Avatar
    Ariel Guerra

    Hi,

    Thank you for this post. It seems to me that the file names changed since 2010, since I'm not able to find styles.css.liquid anywhere in my theme. Any suggestions? (In my case, I need to make all fonts bigger, not smaller like Alain) Thanks!

  • Avatar
    Zetya Support

    Hi Ariel, this hasn't changed. Are you using Vanity?

Please sign in to leave a comment.