• Home
  • Knowledge Base
    • Overview of Navi+
    • Step-by-step guide
    • Frequently Asked Questions (FAQ)
  • Case studies
  • Live demo
  • Install Navi+
  • Home
  • Knowledge Base
    • Overview of Navi+
    • Step-by-step guide
    • Frequently Asked Questions (FAQ)
  • Case studies
  • Live demo
  • Install Navi+
Home/Knowledge Base/Frequently Asked Questions/Enhancing Navi+ with Custom CSS

Enhancing Navi+ with Custom CSS

109 views 0

Written by khoipn
March 14, 2025

Below are some ways you can use CSS in Navi+ to maximize flexibility and fine-tune the appearance of your menu.

How to Apply a Custom Font to the Navi+ Menu

Navi+ offers a wide selection of Google Fonts, providing an optimized and convenient way to style your menu. Google Fonts are fast, highly legible, and widely supported, making them an excellent choice for most designs. However, if you’d like to use a custom font that is not included in the default selection, you can manually apply it to your Navi+ menu. Here’s how:

For example, if you have purchased the Honey Salt font from MJ Type and want to use it in your Navi+ menu, simply add the following CSS code to the Internal Stylesheet / CSS section:

{
  font-family: "Honey Salt";
}

By doing this, you can fully customize your Navi+ menu with your unique font choices.

Was this helpful?

Yes  No
Related Articles
  • Detailed support for Navi+ multilingual functionality
  • Guide to Adding a Loading Effect for Menus Replaced by a Navi+ Menu
  • Add Navi+ menus to your website directly
  • Add walk-through with Navi+ menus
  • Tips for fixing integration themes with Navi+
  • How to use multilanguage on Navi+?

Didn't find your answer? Contact Us

Leave A Comment Cancel reply

Detailed support for Navi+ multilingual functionality  

  • Copyright 2025 Navi+ | AIO Navigation. All Rights Reserved