Skip to main content
All CollectionsBoldTrailBest Practices & FAQs
[BoldTrail] How to Enlarge the Website Navigation Font Size
[BoldTrail] How to Enlarge the Website Navigation Font Size
Updated over a week ago

Brought to you by:

IRE Professional Services & the Coaching & Engagement Team

Standard website navigation font size

Large website navigation font size

Here you can learn how to enlarge the website navigation font size from your Web & IDX settings.

Please Note: This code will only work if using the Hero template.

How to Enlarge Website Main Navigation Font Size

  1. Navigate to your website settings. To do so, click on More on the left navigation bar, select Website Management, and then open Website Settings at the top right.

  2. Do a keyword search for 'Header' (you can do so using Ctrl+F on a PC and Command-F on a Mac), or scroll down to the 'Header' section.

  3. Paste the below code into the Header.

  4. Click 'Save'

<style>

@media only screen and (min-width:992px){

/* Make Font Larger for Primary Navigation Link on Desktop Screens */

#header .nav-primary > li > a {

font-size: 1rem

}

/* Make Font Larger for Sub Menu Links on Desktop Screens */

#header .nav-primary .sub-menu a,

#header .nav-primary .sub-menu span {

font-size: 1rem

}

}

</style>

Have more questions? Please reach out to Customer Support via the blue chat bubble to the right or by emailing support@insiderealestate.com!

Did this answer your question?