Font-size on navigation bar doesn’t work – help!

• 

  shantilalee · Member · May 2, 2020 at 4:28 pm

  • Copy link
  • Add topic to favorites

  Hi, I want to change the font and size of the top navigation bar on my site. I added:
  .menu {font-family:”Din Condensed”, monospace; font-size: 18px;}

  And the font changed, but the size did not. Please help, need urgent assistance. Thanks 😊

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

• 

  shantilalee · Member · May 2, 2020 at 4:31 pm

  • Copy link

  Sorry it added “the blog I need help with…” at the bottom, but that’s not the site I need help with. The site I am working on has a theme created by the original creator, but I need to override it. Thanks!

• 

  ksofyan · Member · May 3, 2020 at 12:48 pm

  • Copy link

  Hi,

  In order to change the font size in the Main menu, please add this to Customize -> Additional CSS

  .navbar-nav > li > a {
font-size: 13px;
}

  Adjust 13px as you like it.

  Please let me know if this works for you.

  Kind regards.

• 

  shantilalee · Member · May 3, 2020 at 12:54 pm

  • Copy link

  Thanks so much for the suggestion but it didn’t work. I feel like the theme (which I cant change or remove) is overriding the font size somehow. Any other ideas? Thanks heaps!

• 

  ksofyan · Member · May 4, 2020 at 3:01 am

  • Copy link

  Hi,

  Yes, of course, it didn’t work. I’ve given the wrong class name to the code on my last reply. Apologies for that.

  After inspecting your blog, I found the correct class name to your menu bar

  Please add this to customize –> additional CSS

  .main-navigation a {font-size: 20px;}

  Adjust the 20px as you like it. Please let me know if this works.

• 

  shantilalee · Member · May 4, 2020 at 3:03 am

  • Copy link

  That didn’t work either. The site is not my blog listed in my first post, its editorsvision.com/louder but it’s password protected at the moment. I have tried every code in the book and nothing seems to work. So frustrating. Thanks heaps for your help x