Step 1: Create your footer template
- Select the Footer template
- Name your footer template
- Click Create Template
Step 2: Build your footer
After creating the footer template, you can build it with Gutenberg or Elementor.
Step 3: Set up the footer display with Theme Builder
Look at the Settings Sidebar on the right and visit the Theme Builder tab.
Then, adjust the following options as needed:
Sticky Settings:
- Enable Stick to keep the element visible while scrolling.
Display and User Role Settings: allow users to control where and for whom elements appear on a website.
- Display On: Choose where your footer is visible (Entire Website, Blog Page, Product Page, etc.).
- Not Display On: Exclude specific pages or sections
- User Roles: Select user roles who can see your footer (Admin, Customer, Logged-in/Logged-out users, etc.).
Responsive Visibility: Use toggles to Hide on Desktop, Tablet, or Mobile, depending on your preferences.
Time Duration Settings: Click on this section to set specific time-based display conditions for your footer.
Step 4: Check how the footer displays in the frontend