How to change font size in header menu.

Asked on June 13, 2017 in How To.

Just got Layers Pro.  Love the options but surprised there is no easy option to change the font size of the header menu font.  I would like to make it bigger.  Please help. Thank you.

Stephen Layers User
1 Answer(s)
Answered on October 1, 2017.

interesting they don’t have this as an option while giving a text shadow option.

Anyway, in the Audaz theme – under additional css add this to target the menu font size in header.

.header-site .nav-horizontal li a {font-size: 14px;}

Thank you very much.  That did the trick.

on October 1, 2017.

Nope. There is no text box to enter anything into messenger when it opens up. I have disabled all my firefox add ons and still can’t enter anything. Update Madalin Stunt Cars 2 full version.

on May 10, 2019.

Try this out,

.titlefix .section-title .heading{font-size: 2.8rem !important;}

This is the simplest code for increasing the fonts. I did the same for my paper writer website and it smoothly worked. I reckon this code is very helpful in the future because it actually works without modifying the basic header code. All you have to do is just add it in heading parameters. Hope this will work for you!

on May 20, 2019.

The wedding is so beautiful, I wish I could be like that.
wings io

on June 12, 2019.

.titlefix .section-title .heading{font-size: 2.8rem !important;}

try this simple code to change the font size in the header menu.


Abdul Jabbar from Essay Writing Services

on June 26, 2019.

This is very interesting information. Thank you for sharing. For sure your suggestions will help me with
run 3

on August 16, 2019.

Hi, I’m a front end developer at Quotes Ever and I’m little bit confuse about header menu design.  I highly appreciated if any one guide me. Link:

on September 12, 2019.
To change Font Size
  1. Click on Tools from the Menu Bar .
  2. Select Menu Bar from the drop down list.
  3. Click Tools from the new Menu Bar.
  4. Click Internet Options from the drop down list.
  5. Click Accessibility command button.
  6. Place a clock in the check box beside the statement “Ignore font sizes specified on webpages”.
  7. Click OK.
  8. Click OK.

see here Nordvpn vs iPvanish

on October 22, 2019.

I loved the way you discuss the topic great work thanks for the share Your informative post.
bonk io

on November 5, 2019.

A very impressive and such a great knowledgeable topic. The process of changing font sizes in header menu is very easy and good learning for beginners also. We are Business Plan Writing Company In Dubai and we are a very good profile company that’s working as a business plan writers and we work with the top of business firms in Dubai.

on December 28, 2019.

Hey, Stephen! Can we perceive your site live? We can check the code and notice what CSS should be used to precisely target your core menu and make the font size bigger.

Regards: Jonathan Harold

Ecommerce security measures

on January 20, 2020.

Hi, thanks for info. There are a lot of useful info –

on January 20, 2020.

.titlefix .section-title .heading{font-size: 2.8rem !important;}

anyone tried this code which i shared before?

Regards assignment help in Abu Dhabi 

on January 22, 2020.
on February 12, 2020.