Increasing Menu Size Font?

  • 1
  • Question
  • Updated 6 years ago
I've used CSS to increase my menu font on other websites, but on this particular one, it's not working. So is there a different code I should use? I just want to increase my menu font size, not color or actual font type. Thanks!
Photo of Ally

Ally

  • 27 Posts
  • 0 Reply Likes

Posted 6 years ago

  • 1
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Ally,

Can you tell us your website domain?
Photo of Ally

Ally

  • 27 Posts
  • 0 Reply Likes
Yola. Right now it's published as a ".yolasite.com" website, but once it's done it will have a real domain name. I have Yola Silver account, with the extra storefront feature.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Can you tell me the yolasite name or the template Style. The menu configs can vary depending on the chosen style.
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Ally

As Gop indicated, we will need some information from you to locate your Yola account. Please provide your yolasite URL or your login e-mail. Under the e-mail address you're using for this forum I can only find a deleted account.

If you have multiple websites, please don't forget to let me know for which site you'd like to edit the menu font size.
Photo of Ally

Ally

  • 27 Posts
  • 0 Reply Likes
OK! Thanks for your help. The layout is "Standard Issue", which is a free template, I don't know if that makes a difference? The account email is franciskennels@yahoo.com. There's the menu that I would like to make bigger.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Here's the code below to change the menu font-size: XXpx; . Don't make it too much bigger as it will realign your entire menu. The default is 13 px.
#menu a {
color: #000000;
display: block;
float: left;
font-size: XXpx;
margin-left: 30px;
padding: 7px;
text-decoration: none;
}
Photo of Stefan

Stefan, Official Rep

  • 4448 Posts
  • 190 Reply Likes
Hello Ally

Please open your Site CSS Editor and add this code:


#menu a {
font-size: 15px;
}

Change the px value to your liking.