SR Footer 04

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

Module Overview - SR Footer 04

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.



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)



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.



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





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



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