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 Move the Back to Top Icon to the Left: A Step-by-Step Guide?

Home Latest Posts How to How to Move the Back to Top Icon to the Left: A Step-by-Step Guide?

Customize the Back to top icon

Step 1
How?

How to?

For customizing the back to top icon, you should use its StyleKit in theme options.

 

For example, if you want to move it to the left side of display you can follow these steps:

  1. Go to Theme Options > Footer > More
  2. Find the “Back to top” icon StyleKit
  3. Click on Advanced mode on StyleKit
  4. Set the 50px for left field
Back to top

How to

backtop

FacebookXDeliciousLinkedinWhatsappTelegramEmailPrintShortlink
  • PreviousHow to Edit Pages with Elementor Page Builder?

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

Related Posts ...

Placeholder

Fixing the “Please Enter a Valid License Code” Error During Activation

How to
Placeholder

Carousel Layout for Product by Category: Add Trending Sliders with Ease

How to, Theme Options
Placeholder

How to Apply Inverted Border Radius to Images, Banners, Video, Content Box and Service Box?

How to, Theme Options
Placeholder

Classic Theme Options Mode

How to, Theme Options
Placeholder

How to add/remove Expandable Menus for Fixed Mobile Navigation?

How to, Theme Options
Placeholder

Price filter widget doesn’t display in sidebar

How to

XTRA WordPress Theme

XTRA Popular WordPress Theme 2026

Recommended for you …

How to Move the Back to Top Icon to the Left: A Step-by-Step Guide?

11 June 2024

How to Fix an Internal Server Error?

14 June 2024

How to Create a Custom 404 Error Page: A Step-by-Step Guide?

11 June 2024

How to Fix PHP Error 500: Internal Server Error in WordPress ?

17 September 2024

How to Fix White Screen (Blank Page) After Installing a Theme?

13 June 2024

How to Change Product Page Tabs to Vertical Mode?

13 August 2024

How to Add Cover Images to WooCommerce Categories and Tags

1 September 2024

How to Fix Cart and Checkout Links Not Working in WooCommerce

16 September 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
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