website logo
Login
⌘K
Getting Started
Welcome
Branding Setup
Installation
Check HubSpot Permissions
Adding a Portal
Setup Wizard
Basics
Creating a Page
Theme
Theme Settings
Global Site Header and Footer
Custom CSS
Custom Fonts
App
Modules
Users
Custom Installations
Saving a Layout
Website Pages
Landing Pages
System Templates
Blogs
Generate Theme Previews
Sync Modules
Module Library
Navigation
Hero
Footer
Columns
Tabs
Offers
Cards
Bling
Elements
FAQ
Mobile Functionalities & Responsiveness
How can I change my page theme/template?
Can I upgrade my Sprocket Rocket Pro Theme to the new version?
Why are some modules on my Sprocket Rocket App locked?
How to customize a column size
What's the difference between Sprocket Rocket Pro and Sprocket Rocket Theme?
Do I need a HubSpot account?
jQuery version security issue
How to add users to your HubSpot Portal
Support
Submit a Ticket
Marketplace Theme
Docs powered by archbee 

SR Footer 04

SR Footer 04 is a perfect module for Global Footer Navigation on your pages

Module Overview - SR Footer 04

Available on:

  • Sprocket Rocket Free
  • Sprocket Rocket Pro

This module features a combination of Menus, Logos, Copyright Text, and optional Social Icons. 

SR Footer 04 is a Global module ideally used for creating single step footer navigational links to pages, content and other resources on your website. Learn more about Global modules here.

Document image


Module Settings Walkthrough

Design Settings

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

  • Layout: page or full-width
  • Container width: minimum, narrow, wide, maximum
  • Top-bottom padding: default, no padding, small padding, large padding, custom padding
  • Background option: image, video, color, custom, gradient
  • Text color: auto, primary, secondary, tertiary, white, black, dark, light, success, info, warning, danger, custom
  • Border styles: none, solid, dotted, dashed, double
  • Responsive settings:
    • Tablet: text-align at breakpoint (same text-align options); top-bottom padding at breakpoint (same padding options)
    • Mobile: text-align at breakpoint (same text-align options); top-bottom padding at breakpoint (same padding options)
Document image


Module Settings

For SR Footer 04, most settings are focused on the Menus, Logos, Copyright Text, and optional Social Icons.

Setting custom classes and ID

At the very top of the content section, you have the ability to add custom classes and an ID to the module.

  • Learn more about adding custom CSS
  • Learn how to use the module ID



Adding a Menu

  • In SR Footer 04, there is the option to select a menu or create a new menu.
Document image


Setting the Logo

You can edit the following:

  • 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
    • Link Align: Auto, Left, Center, Right
Document image




Editing the Social Icons

You can add as many Social Icons as you want.

  • You can 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
  • Background Color
  • Icon Color
Document image


Editing the Copyright Text

In the SR Footer 04 module, you have a pre-built function that updates the coypright year of your pages every year. All you will need to do is to edit the name of the company to and update the Privacy Policy link to the the link you have on your site.

How to Use SR Footer 04 - Live Examples

  1. Ambit Home Page- You can see the module used live
  2. Module Page- You can see the module used live

Updated 03 Mar 2023
Did this page help you?
Yes
No
PREVIOUS
SR Footer 03
NEXT
SR Footer Min 01
Docs powered by archbee 
TABLE OF CONTENTS
SR Footer 04 is a perfect module for Global Footer Navigation on your pages
Module Overview - SR Footer 04
Module Settings Walkthrough
Module Settings
How to Use SR Footer 04 - Live Examples