PWA
Install XTRA Theme PWA

Install our website's web application on your home screen for quick and easy access every time your are on the go.

Just tap Share then 'Add to home screen'Just tap Share then 'Add to home screen'
XTRA Tutorials
 
  • Getting Started
    • Installing XTRA
    • License Activation
    • Installing Plugins
    • Importing Demo Content
    • Assigning Home Page
    • Updating XTRA
    • Child Theme
  • Page Builder
    • Create a New Page
    • Elements Overview
    • List of Elements
    • General Settings
    • Header Settings
    • SEO Settings
  • Theme Options
    • Options Overview
    • General
      • Layout
      • Colors & Styles
      • Share Icons
      • SEO Meta Tags
      • Loading
      • Page 404
      • Custom Codes
      • White Label
      • Advanced
    • Typography
    • Header
      • Logo
      • Social Icons
      • Header
      • Sticky Header
      • Mobile Header
      • Fixed Side
      • Title and Breadcrumbs
    • Footer
      • Footer Top Bar
      • Footer Widgets
      • Footer Bottom Bar
      • Footer More
    • Blog
      • Blog Settings
      • Blog Styling
      • Blog Single Settings
      • Blog Single Styling
      • Search
    • Portfolio
      • Portfolio Slug & Title
      • Portfolio Settings
      • Portfolio Styling
      • Portfolio Single Settings
    • WooCommerce Pro
      • Products Settings
      • Products Styling
      • Product Settings
      • Product Styling
    • Site Identity
    • Menus
    • Widgets
    • Homepage Settings
    • WooCommerce
    • Additional CSS
    • Backup / Restore
  • Edit Guide
  • How to
  • Developer
Buy Theme
Changelog
XTRA WordPress Theme TutorialsYou arrived at the right place, How we can help you?
XTRA Tutorials
  • Getting Started
    • Installing XTRA
    • License Activation
    • Installing Plugins
    • Importing Demo Content
    • Assigning Home Page
    • Updating XTRA
    • Child Theme
  • Page Builder
    • Create a New Page
    • Elements Overview
    • List of Elements
    • General Settings
    • Header Settings
    • SEO Settings
  • Theme Options
    • Options Overview
    • General
      • Layout
      • Colors & Styles
      • Share Icons
      • SEO Meta Tags
      • Loading
      • Page 404
      • Custom Codes
      • White Label
      • Advanced
    • Typography
    • Header
      • Logo
      • Social Icons
      • Header
      • Sticky Header
      • Mobile Header
      • Fixed Side
      • Title and Breadcrumbs
    • Footer
      • Footer Top Bar
      • Footer Widgets
      • Footer Bottom Bar
      • Footer More
    • Blog
      • Blog Settings
      • Blog Styling
      • Blog Single Settings
      • Blog Single Styling
      • Search
    • Portfolio
      • Portfolio Slug & Title
      • Portfolio Settings
      • Portfolio Styling
      • Portfolio Single Settings
    • WooCommerce Pro
      • Products Settings
      • Products Styling
      • Product Settings
      • Product Styling
    • Site Identity
    • Menus
    • Widgets
    • Homepage Settings
    • WooCommerce
    • Additional CSS
    • Backup / Restore
  • Edit Guide
  • How to
  • Developer

How to Set a Fixed Footer on Your Website: A Step-by-Step Guide?

Home Latest Posts How to

What is the fixed footer?

Step 1
?

Fixed Footer

This is a fixed footer:

Your browser does not support the video tag.

I am raw html block.
Click edit button to change this html

How?

How to turn ON the fixed footer?

Go to Theme Options (Theme Customize)

  1. Go to Footer
  2. Navigate to More panel
  3. Turn On the Fixed Footer option
Fixed footer

How to

fixed footerfooter

FacebookXDeliciousLinkedinWhatsappTelegramEmailPrintShortlink
  • PreviousHow to Set Up a Preloader for Your Website?

  • NextHow to Change Menu Color and Styling on Your Website?

Related Posts ...

Placeholder

How to customize Footer Separator section?

Theme Options
Placeholder

How to Find and Edit header.php or footer.php in Theme?

Developer, How to
Placeholder

How to Add Content to Your Website Footer in Xtra WordPress Theme?

How to
Placeholder

How to Create Custom Header and Footer Templates Using Elementor?

How to
Placeholder

Theme Options: Footer More

Theme Options
Placeholder

Theme Options: Footer Widgets

Theme Options

XTRA WordPress Theme

XTRA Popular WordPress Theme 2026

Recommended for you …

How to Edit Product Tabs in WooCommerce?

21 September 2024

How to Import Demo Content: A Step-by-Step Guide

27 June 2024

How to Add Google Analytics and Meta Tags to Your Website?

15 August 2024

How to Reverse Columns on Mobile Using Elementor: Step-by-Step Guide

8 September 2024

How to Add Cover Images to Category and Tag Pages: A Step-by-Step Guide?

1 September 2024

How to Add a ‘Sold Out’ Badge to Out of Stock Products?

14 August 2024

How to Change the Number of Posts Per Page on Your Blog?

11 June 2024

How to Fix HTTP Error 503?

16 June 2024
If you can't find your answer on this documentation
Submit a ticketSubmit a ticket
© 2025 XTRA WordPress theme documentation.
FacebookInstagramYoutubeDribbble
This website uses cookies to improve user experience.Accept and close
Buy and Download XTRA Theme Purchase Theme Xtra Theme Documentation Documentation Xtra Theme Videos Tutorials Video Tutorials Xtra Theme Support Center Support center Xtra Theme Showcase Showcase