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 Enable or Disable RTL Mode on an English Language Website with Xtra WordPress Theme?

15 August 2024

How to Change the Color of a Single Menu Item: A Step-by-Step Guide?

28 August 2024

How to Translate Pages and Key Options with WPML?

28 August 2024

How to Deactivate and Transfer Your License to Another Domain in Theme?

15 September 2024

How to Disable Comments on All Website Pages: A Complete Guide?

27 August 2024

How to Fix ‘AJAX Requested Name Is Empty’ Error?

8 October 2024

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

11 June 2024

What is a Product SKU? A Complete Guide to Setting SKUs in WooCommerce

9 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