Skip to content
maka-img_mm_marketplace
maka marketplace

Discover Products to help you POWER up with CMS Hub

maka-img_mm_power-pro
Power Pro Theme

Check out the POWER demo and see all the latest features

maka-img_mm_performance
Performance

POWER is optimized to perform, review the results

maka-img_mm_customer-showcase
Customer Showcase

See how our customers used the POWER Theme

POWER Pro V35 released on December 21st 2023 – Read Changelog

maka-img_mm_documentation_3
Getting Started

Follow our guide to save time and avoid missing a step

maka-img_mm_module-library
Module Library

From page speed impact to set up instructions, you'll find it all

maka-img_mm_video-tutorials
Video tutorials

Find all POWER videos in the same spot for quick answers

maka-mm_faq-2
FAQs

Have questions?
Search for answers

Experiencing an issue with POWER? Submit a support ticket here

maka-img_mm_about-us
About us

“Would I rather be feared or loved? Easy. Both. I want people to be afraid of how much they love me.”
– Michael Scott, not us

maka-img_mm_blog
Blog

This is mostly a demo right now. We are working on some really cool things around the office.

maka-img_mm_career
Career

Quite possibly the most fun you will have at work, ever. Did we mention how cool we are?

Having issues with POWER?
SUBMIT A SUPPORT TICKET


Schedule a Q&A or Demo
PREPURCHASE CONSULTATION


Looking for Custom Development?
REQUEST A QUOTE


Other questions?
CONTACT US / CHAT BOT

BACK TO TOP BUTTOn

Configure the Advanced Back to Top Button in Theme Settings

FAQ

How to add a back to top button to the advanced footer?

The back to top button can be configured for the advanced footer layout (or any other footer layout) via theme settings.

Theme Settings

Once selected, the Back to Top Button visibility options, layout, and style settings can be configured.

Back to Top Button → Back to Top Button?

Option to turn on/off the back to top button globally.

back-to-top-turn-on-off-globally

Back to Top Button → Visibility

Choice of After Scroll or Always Visible, the default option is After Scroll.

back-to-top-visibility-settings

Back to Top Button → Visible after

Set the number of pixels from the top of the browser viewport when the button should appear.

This option only applies when After Scroll is selected.

Back to Top Button → Visible on..

Choice of All Devices, Desktop/Tablet Only, or Mobile Only.

Back to Top Button → Layout

Set the Position, Spacing, and Spacing (Mobile) for the back to top button.

back-to-top-button-layout-settings-position-spacing

Back to Top Button → Layout → Position

Choice of Bottom Left, Bottom Center, or Bottom Right.

Back to Top Button → Layout → Spacing

Choice of None, Small, Medium, or Large.

Space between back to top button and window borders.

Back to Top Button → Layout → Spacing (Mobile)

Choice of None, Small, Medium, or Large.

Space between back to top button and window borders for mobile screens.

Back to Top Button → Style

Set the Shape, Border Radius, Size, Colors, Border, and Shadow settings for the back to top button.

back-to-top-style-settings

Back to Top Button → Style → Shape

Choice of Square, Square Rounded, or Circle.

Back to Top Button → Style → Border Radius

Available for Square Rounded Shape only, the default pixels are inherited from Styling → Corners → Base Border Radius and can be overwritten here (once overwritten, any changes to the Base Border Radius will not update this setting futher).

Back to Top Button → Style → Colors

Set the Arrow and Background Colors.

back-to-top-button-style-colors-settings

Define the Arrow Color, Arrow Color - Hover, Background Color, and Background Color - Hover by selecting the color hex code or use HubSpot’s color picker. Additionally, the opacity for each color can be configured.

Back to Top Button → Style → Border

Choice of No Border or Color.

back-to-top-button-border-settings

Back to Top Button → Style → Border Style

When Color is selected, additional options to configure the Border appearance are available

back-to-top-button-border-style

Define the Border Color and Border Color - Hover by selecting the color hex code or use HubSpot’s color picker. Additionally, the opacity for each color can be configured.

Back to Top Button → Style → Border Style → Border Width

Set the number of pixels to define the border width (thickness of the border).

Back to Top Button → Style → Add Shadow

Check the box to add a shadow to the back to top button.

Next Steps

After configuring the Back to Top Button settings your theme settings should be fully updated, return to the getting started guide to start building your menus

NEVER MISS A POWER UPDATE

We are continuously improving our modules and updating our documentation. Stay in the loop.