Skip to main content

[BoldTrail] How to Enlarge the Website Navigation Font Size

Updated over 2 weeks 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>

Note: If your profile photo overlaps with your navagation bar, increase the height of the homepage background image to 700 pixels.


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?