Footer top
Overview:
The Footer Top section helps organize important store information in the footer area of your website. It supports multiple content blocks including brand description, navigation menus, newsletter subscription forms, and social media links. The section provides extensive customization for typography, layout sizing, colors, spacing, logo dimensions, and responsive styling across desktop and mobile devices.
Section Configuration:
Logo:
| Setting |
Description |
| Footer Logo |
Uploads the brand logo displayed in the footer section. |
| Desktop Logo Width |
Controls the width of the footer logo on desktop devices by default it is 120px |
| Mobile Logo Width |
Controls the width of the footer logo on mobile devices by default it is 120px |
Blocks Configuration:
Logo Column:
Content
| Setting |
Description |
| Description Text |
Displays rich text content such as brand information or company introduction. |
| Text Size |
Controls the size of the description text. |
| Text Weight |
Adjusts the font thickness of the description content. |
| Text Case |
Changes the text transformation style such as uppercase, lowercase, capitalize, or default. |
| Font Family |
Allows switching between default and heading font family styles. |
| Text Color Style |
Applies predefined color styling to the description text. |
Layout:
| Setting |
Description |
| Column Width |
Controls the desktop width of the logo content column. |
Menu Column:
| Setting |
Description |
| First Menu |
Selects the first navigation menu displayed in the footer. |
| First Menu Heading |
Defines the heading title for the first menu column. |
| Second Menu |
Selects the second navigation menu displayed in the footer. |
| Second Menu Heading |
Defines the heading title for the second menu column. |
| Third Menu |
Selects the third navigation menu displayed in the footer. |
| Third Menu Heading |
Defines the heading title for the third menu column. |
| Fourth Menu |
Selects the fourth navigation menu displayed in the footer. |
| Fourth Menu Heading |
Defines the heading title for the fourth menu column. |
Layout:
| Setting |
Description |
| Column Width |
Controls the desktop width of the menu column block. |
Layout
| Setting |
Description |
| Column Width |
Controls the desktop width of the newsletter form column. |
| Setting |
Description |
| Menu Heading Size |
Controls the font size of footer menu headings. |
| Menu Heading Weight |
Adjusts the font thickness of menu headings by default it is semi bold. |
| Menu Heading Case |
Changes the text transformation style for menu headings. |
| Menu Heading Tag |
Sets the HTML heading tag level from H1 to H6. |
| Menu Heading Family |
Allows switching between body font and heading font family. |
| Menu Heading Color Style |
Applies predefined color styling to menu headings. |
| Menu Link Weight |
Controls the font thickness of footer menu links. |
| Menu Link Case |
Changes the text transformation style for footer menu links. |
| Menu Link Family |
Allows switching between default and heading font family for menu links. |
| Setting |
Description |
| Enable Subscription Form |
Enables or disables the newsletter subscription form in the footer. |
| Subscription Heading |
Defines the heading text displayed above the newsletter form. |
| Heading Size |
Controls the size of the subscription heading text. |
| Heading Weight |
Adjusts the font thickness of the subscription heading. |
| Heading Case |
Changes the text transformation style of the subscription heading by default it is capitalise. |
| Heading Font Family |
Allows switching between heading and body font family styles. |
| Heading Color Style |
Applies predefined color styling to the subscription heading. |
| Description Text |
Displays additional information or promotional text below the heading. |
| Description Size |
Controls the size of the newsletter description text. |
| Description Weight |
Adjusts the font thickness of the newsletter description. |
| Description Case |
Changes the text transformation style of the newsletter description. |
| Description Font Family |
Allows switching between default and heading font family styles. |
| Button Label |
Defines the text displayed on the subscription button. |
| Button Style |
Controls the visual appearance of the subscription button such as primary, secondary, or link style. |
| Button Case |
Changes the text transformation style of the subscription button text. |
| Setting |
Description |
| Show Social Icons |
Displays social media icons in the footer section. |
| Enable Follow on Shop |
Enables the Shopify Follow on Shop feature in the footer. |
Layout:
| Setting |
Description |
| Container Layout |
Determines whether the footer uses a contained, contained content, or full-width layout. |
| Container Width |
Controls the maximum width of the footer content container on desktop devices. |
Color Scheme:
| Setting |
Description |
| Color Scheme |
Applies a predefined color palette to the footer section background and text. |
| Gradient Mode |
Enables or disables gradient styling for the footer background. |
Inner Spacing:
| Setting |
Description |
| Top Padding (Desktop) |
Adds spacing inside the top area of the footer on desktop devices by default it is 60px. |
| Bottom Padding (Desktop) |
Adds spacing inside the bottom area of the footer on desktop devices by default it is 60px. |
| Left Padding (Desktop) |
Controls the inner left spacing of the footer on desktop devices by default it is 75px. |
| Right Padding (Desktop) |
Controls the inner right spacing of the footer on desktop devices by default it is 75px. |
| Top Padding (Mobile) |
Adds spacing inside the top area of the footer on mobile devices by default it is 35px. |
| Bottom Padding (Mobile) |
Adds spacing inside the bottom area of the footer on mobile devices by default it is 35px. |
| Left Padding (Mobile) |
Controls the inner left spacing of the footer on mobile devices by default it is 15px. |
| Right Padding (Mobile) |
Controls the inner right spacing of the footer on mobile devices by default it is 15px. |
Outer Spacing:
| Setting |
Description |
| Top Margin (Desktop) |
Adds spacing outside the top area of the footer section on desktop devices by default it is 0px. |
| Bottom Margin (Desktop) |
Adds spacing outside the bottom area of the footer section on desktop devices by default it is 0px. |
| Left Margin (Desktop) |
Controls the outer left spacing of the footer section on desktop devices by default it is 0px. |
| Right Margin (Desktop) |
Controls the outer right spacing of the footer section on desktop devices by default it is 0px. |
| Top Margin (Mobile) |
Adds spacing outside the top area of the footer section on mobile devices by default it is 0px. |
| Bottom Margin (Mobile) |
Adds spacing outside the bottom area of the footer section on mobile devices by default it is 0px. |
| Left Margin (Mobile) |
Controls the outer left spacing of the footer section on mobile devices by default it is 0px. |
| Right Margin (Mobile) |
Controls the outer right spacing of the footer section on mobile devices by default it is 0px. |
