How can we help you?

View Categories

Footer

2 min read

The ShopWell theme offers a powerful mobile footer builder that lets you create flexible, responsive footers specifically designed for smaller screens.

⚙️ Footer Options – Choose Your Footer Type #

ShopWell supports two types of footer layouts:

  • WordPress Widget-based Footers
  • Elementor-based Footer Templates

Note: To use Elementor-based footer templates, make sure to set Footer Options to Footer Builder by navigating to:
Appearance → Customize → Footer → Footer Options

This setting enables the use of templates created in the Footer Builder with Elementor.

🔧 Breakpoint #

Define when the mobile footer replaces the desktop version by setting a custom breakpoint.

  • To set it:
    • Go to Appearance → Customize → Mobile → Footer → Breakpoint
    • Enter the pixel width (e.g., 767) where the mobile footer should activate

This ensures a seamless transition for mobile users.

🎨 Prebuilt Footer Templates #

ShopWell uses Elementor-based footer templates, created via the Footer Builder.

  • To assign a prebuilt footer for mobile:
    • Go to Appearance → Customize → Mobile → Footer → Prebuilt Footer
    • Select your desired layout, such as Footer Mobile V1

This allows quick application of ready-made designs.

✏️ Create a New Mobile Footer Layout #

Want to build your own mobile footer from scratch? Use the Templates > Footer Builder section.

Steps: #

  1. Go to Templates → Footer Builder
  2. Click the Add New button to create a new footer template
  3. Give it a title
  4. Click Edit with Elementor to start building the layout visually

Use widgets, columns, and styling options within Elementor to achieve your perfect footer.

🛠️ Edit an Existing Footer Layout #

You can easily update any of your saved mobile footer templates.

Steps: #

  1. Navigate to Templates → Footer Builder
  2. Hover over the template you want to update
  3. Click the Edit with Elementor link
  4. Modify the content, structure, or style as needed

Great for quick tweaks or rebranding efforts.

✅ Summary #

With ShopWell’s mobile footer system, you can:

  • Set responsive breakpoints
  • Use prebuilt templates or build custom layouts
  • Easily edit templates with Elementor

This gives you full control over how your site looks and functions on mobile—no code needed!