OT: Theme Sections

Search limit to:






Navigation bar #1

A navigation bar is a menu that helps shoppers easily browse your Shopify store by linking to key product categories. It enhances the shopping experience by making it easy for customers to quickly find what they need, which can increase sales and reduce bounce rates. 


1. Section Components

Section Navigation bar #1 Display a menu that links to key product categories.
Available block Navigation link Add a separate navigation link to the navigation bar.

2. Location & Setup

To add & set up the Navigation bar section:

  • Open the Shopify Theme Editor (Online Store > Themes > Customize).
  • Decide where you want to place the new section.
  • Click "Add Section".
  • Select "OT: Navigation bar #1."

3. Highlight Features 

  • Customizable navigation links: Add multiple links with custom titles and URLs to build a tailored menu.
  • Custom font support: Optionally use a custom font for navigation titles.
  • Mobile-friendly design: Ensures the navigation bar looks clean and functions smoothly across all devices.

4. Common Use Cases

🤔 How to set up the Navigation bar?

If you don't know where to start to set up this section, just follow this:

STEP 1:

Add the OT: Navigation bar #1 section.

STEP 2: Set up section blocks 

Add Navigation link blocks, then click on it to set up:

  • In the Title field, set the display name for your navigation link.
  • Enter a complete URL to redirect customers to your preferred page.

STEP 3: Click "Save" when done.

🤔 How to customize the Navigation bar's look?    

To customize the look of the section, do this:

STEP 1:

Click on the OT: Navigation bar #1 section to open its settings panel.

STEP 2: Customize colors

At Colors settings group, choose color for section elements such as title, background section, button arrow...

STEP 3: Customize navigation title

At Navigation title settings group, you can:

  • Enable to Use a custom font.
  • Choose Title size.

STEP 4: Customize section look

At Section settings group, you can:

  • Adjust content alignment, section width...
  • Adjust padding.

STEP 5: Click "Save" when done.

5. Layout Recommendations  

The Navigation bar section can create appealing layouts. If you want support to set up the layouts, don't hesitate to chat with us! 

📂 OT: Navigation bar #1


Check out demo here.

📂 OT: Navigation bar #1


Check out demo here.

6. Support Information

Need help? Contact our support team at Omni Themes Support .