Skip to main content
All CollectionskvCOREBest Practices & FAQs
[kvCORE] How to Enlarge the Website Navigation Font Size
[kvCORE] How to Enlarge the Website Navigation Font Size
Updated over 7 months 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. Hover over Web & IDX from the kvCORE main navigation and select 'Website Settings'.

  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>

If you have any trouble or need assistance, please reach out to Support via the blue chat bubble to the right or by emailing kvcore@insiderealestate.com!


โ€‹

(Keywords: font size, font, website, web & idx)

Did this answer your question?