How to make the font of the header on the phone screen smaller?

Hi FarahHMA,

Thanks for giving us the link, are you referring on the heading with this text: Drone SupportX ?

Best regards,
Nikko

Hi FarahHMA,

I see, you can adjust the size of those text/link by adding this CSS code in Enfold > General Styling > Quick CSS:

@media only screen and (max-width:767px) {
  #top #header .av-main-nav > li > a {
    font-size: 14px;
  }
}

However, I don’t really recommend it as it is too small.

Best regards,
Nikko

Hi,

Shall we close this topic or did you need additional help?

Best regards,
Jordan Shannon

Hi FarahHMA,

We’re glad that we could help :)
Thanks for using Enfold and have a great day!

Best regards,
Nikko