Gateway Theme – Menu Font Too Large – Can't Change with CSS

• 

  rmartinezvlzqz · Member · Mar 4, 2017 at 5:41 pm

  • Copy link
  • Add topic to favorites

  I have configured the main Menu based of the sections of a document I’m posting in different pages. Many of the items are long enough to wrap around in the menu. I wish to make the font smaller to avoid this problem. I’ve defined a CSS class .menufont and make font-size: 75;. I have defines each menu item with this class. This wasn’t able to change the Menu font size. What I’m not doing right?

  The blog I need help with is: (visible only to logged in users)

• 

  supernovia · Staff · Mar 5, 2017 at 12:54 am

  • Copy link

  @rmartinezvlzqz do you still need help? The menu all seems to fit.

  You can use this if needed:

  .main-navigation a {
      font-size: .75rem;
  }

  It makes the font very tiny though.

• 

  supernovia · Staff · Mar 5, 2017 at 12:56 am

  • Copy link

  (for what it’s worth, I can’t read it at that size, and I have great vision with vision correction.)

• 

  rmartinezvlzqz · Member · Mar 5, 2017 at 5:11 pm

  • Copy link

  I kept trying to use CSS. Somehow I “tricked” the system by first trying to change font-size to 10px and then changing font to a narrow type. I say “tricked” because if I change only the font family it wouldn’t work.

  I tried your suggestion, which worked but created a different problem. No the sub-menu box does not “touch” the menu.

• 

  rmartinezvlzqz · Member · Mar 5, 2017 at 5:11 pm

  • Copy link

  I kept trying to use CSS. Somehow I “tricked” the system by first trying to change font-size to 10px and then changing font to a narrow type. I say “tricked” because if I change only the font family it wouldn’t work.

  I tried your suggestion, which worked but created a different problem. No the sub-menu box does not “touch” the menu.

• 

  rmartinezvlzqz · Member · Mar 5, 2017 at 5:16 pm

  • Copy link

  I found a fix.

  .main-navigation a {
  padding: 2.5em;
  font-size: 1.0rem;
  }

  If you have a more elegant one, please let me know. Thanks for your help.

• 

  rmartinezvlzqz · Member · Mar 5, 2017 at 5:18 pm

  • Copy link

  By the way, thanks for fixing the problem I had submitting questions on support forum. For some reason the appeared to be submitted 47 years ago by admin. No idea what happened.

• 

  supernovia · Staff · Mar 6, 2017 at 10:11 pm

  • Copy link

  Cheers @rmartinezvlzqz, that works. You could also reduce the letter spacing.

  Or, consider editing the labels for the longer links: you can keep the page titles as they are but just make a shorter link.