SR Nav Min 01

SR Nav Min 01 is a perfect navigation module for the minimalist.

Module Overview - SR Nav Min 01

This module features a combination of Logo, and CTAs

An ideal use case for SR Nav Min 01 is for simplifying navigation on your landing page!

SR Nav Min 01 can be converted into a global module. Learn more about Creating global modules



Module Settings Walkthrough

Design Settings

You can edit the following items within the design settings section:

• Layout: Page or Full-width
• Background: Custom Color Field
• Align Items: Auto, Left, Center, Right





You can also edit extra design settings of the module in the Content section:

• Fixed: On/ Off
• Transparent: On/ Off

Module Settings

For SR Nav Min 01, most settings are focused on the Logo, Logo Link, and CTAs.

Logo

• You can have the option to display and change the Logo at the left portion of this module.
• You can apply the following settings to the logo image:
  • Size: Automatically adjust, Exact width and height.
  • Image Loading: Browser default, Lazy, Eager
• You can also set the link attributes on the logo with the following settings:
  • Link to:
    • External: URL to link of website
    • Content: Select a page
    • File: Browse files
    • Email address: Link to email address
    • Blog: Select a blog
  • Open link in new window:
    • On/ Off
  • Link type:
    • Follow/ No follow





Editing the CTA

You can add as many CTA buttons as you want.

You can edit the following:

CTA Type: Hubspot CTA, button, or modal. in most instances, we use button.

CTA Style: Primary, Secondary, Tertiary, White, Black, Dark, Light, Success, Info, Warning, Danger, Outline Primary, Outline Secondary, Outline Tertiary, Outline White, Outline Black, Outline Dark, Outline Light, Outline Success, Outline Info, Outline Warning, Outline Danger, Custom, None.

CTA Size: Small, Default, Large

Add Icon Option: Position: Left or Right



How to Use SR One Col 01 - Live Examples

1. Sprocket Rocket Module Page- You can see the module used live!