SR Footer 03
This footer renders a logo with an optional link, an optional short heading or slogan beside it, a single flat navigation menu, up to five social icons, small print copyright text, and an optional back-to-top button.
It is a single-tier footer like sr-footer-04, so choose between the two based on the layout and column controls in the design settings, such as single row versus multi-column flex widths and separate alignment for logo, menu, and social icons, rather than any content difference. Pick sr-footer-01 or sr-footer-02 instead if the site nav has parent and child items that need a two-level menu structure.
Use cases
- Simple site footer
- Flat nav with social icons
- Copyright bar with logo
- Back-to-top footer
- Minimal footer for small sites
- Footer with slogan next to logo
Where it fits
- Included with: PRO
- Page sections: Footer
Editable fields
Content tab
| Field | Type | Notes |
|---|---|---|
| Background Video | File | Repeats: min 0, default 1. Add multiple file formats in order to provide compatibility with a broad range of browsers. |
| Background Video Tablet | File | Repeats: min 0, default 1. This background video will only be used on tablet devices. |
| Background Video Mobile | File | Repeats: min 0, default 1. This background video will only be used on mobile devices. |
| Enabled | Boolean | |
| ID | Text | Assign a ID to the module. |
| Class | Text | Assign a CLASS to the module. |
| Logo | Image | |
| Logo Link | Link | |
| Menu | Menu | |
| Copyright Text | Rich text | |
| Enable Back To Top Button | Boolean |
Slogan Repeats: min 0, default 0.
| Field | Type | Notes |
|---|---|---|
| Heading | Text | |
| Size | Choice | Options: H1, H2, H3, H4, H5, H6, P. |
| Display Size | Choice | 12 options, including Auto, H1, H2. |
| Color | Choice | 15 options, including Auto, Primary, Secondary. |
| Color | Color | |
| Align | Choice | Options: Auto, Left, Center, Right. |
| CSS Class | Text |
Social Icons Repeats: min 0, default 5.
| Field | Type | Notes |
|---|---|---|
| Type | Choice | Options: Icon, Image. |
| Icon | Icon | |
| Custom Icon | Image | |
| Link | Link | |
| Aria Label | Text | The aria-label attribute is used on links that have no accessible name to give it meaning to screen readers. |
| Background Color | Color | |
| Icon Color | Color | |
| Background Color Hover | Color | |
| Icon Color Hover | Color | |
| Purpose | Choice | The purpose of the icon, used for accessibility. If set to decorative, an additional attribute of aria-hidden="true" will be added to the icon. Options: Decorative, Semantic. |
Back To Top Button
| Field | Type | Notes |
|---|---|---|
| Button Color | Choice | 12 options, including Primary, Secondary, Tertiary. |
| Button Color | Color | |
| Icon | Icon | |
| Icon Color | Choice | 12 options, including Primary, Secondary, Tertiary. |
| Icon Color | Color | |
| Page Target | Text | |
| Purpose | Choice | The purpose of the icon, used for accessibility. If set to decorative, an additional attribute of aria-hidden="true" will be added to the icon. Options: Decorative, Semantic. |
Style tab
Change log
| Version | Change |
|---|---|
| 7.0.0 | Stardust update |
| 6.2.0 | Accessibility improvements |
| 6.1.0 | Added responsive background options |
| 6.0.1 | Added aria label to social media links |
| 6.0.0 | Converted to Non-global module |
| 5.0.5 | Added new Link options |
| 5.0.4 | Added image option to social icons |
| 5.0.3 | Social Icons Color Fixes |
| 5.0.2 | Footer Improvements |
SR Footer 02
This footer renders a logo with optional link, a rich text intro paragraph, an optional CTA button beside the logo, and up to two nested menu items shown as card-style columns with their child links listed underneath, plus copyright text, up to five social icons, and an optional back-to-top button.
SR Footer 04
This footer renders a logo, an optional one-line slogan or heading above the nav, a single flat menu, copyright richtext, up to 5 social icons, and an optional back-to-top button with configurable icon and colors.