If you have an online store with a huge catalogue of products, then the scroll to the top button is a very important functional feature for you. As the name suggests, it ascends the webpage directly to the top with just a click.
Unlike the free version of StoreFlex, in the pro version of the theme, you can properly customize your scroll to the top button.
To do so,
- Go to your WordPress Dashboard and head to Appearance > Customize
- Then head to General Settings and choose the Scroll Top option in your customizer.
- First of all, enable Scroll Top by clicking on the Enable Scroll Top button.
- Then choose your preferred styles from the given scroll-top types.
- Select the type of device you want to display the scroll-top options on. We have chosen to display the button on desktop- and tablet-based devices but kept it disabled on mobile-based devices.
- Also, choose the alignments from the given options.
Designing of the Scroll-Top Button
StoreFlex Pro allows its users to reflect more of their creativity in their functional buttons. You can adjust the margin, padding, size, and color of your scroll-top button in this version of the theme.
- Go to the Design tab beside General in the same section.
- Choose your scroll-top icon and background colors from the given circular palettes.
- Slide to your preferred size of the button with the given button. You can also manually add the size in the input field.
- Give proper radius and padding for the scroll-top button with the below options for precise alignment of the icon with the background.
(Leave the margin and radius options as is, if you don’t know what you are doing.)