Scroll To Top Module Documentation

Scroll to Top is part of Neve Pro Addon's modules. If you would like to learn more about the Neve Pro Addon, take a look at Neve Pro Addon's full documentation.


Activating the module

1
Install the Neve PRO plugin, using these instructions.
2
Navigate to Appearance > Neve Options > Neve Pro.
3
Take a look at the modules and enable the ones desired.


Features

The module adds a new panel of options that can be found in  

📍  Appearance > Customize > Layout 

There you will find various design options for the scroll to top button, customization options divided into three areas:

📝 Note: In order to see these options, make sure you check the Scroll to Top option.


⚙️General

Customizations available here:

  • Choose Side - select one of the orientations of the button on the screen (Right or Left).
  • Type - there are two options
    • Icon 
    • Image - if chosen, it will generate another field, where you can attach the desired photo.
  • Label - adds a text next to the default arrow.
  • Offset - number of pixels scrolled after which the Scroll to Top button will appear.
    • undo the changes by selecting the Reset button.
  • Hide on mobile - option to disable the Scroll to Top button on mobile devices.


🖌️Style

Customizations available here:

  • Padding - in PX, along with a Reset and a link button, to connect all the dimensions ( Desktop | Tablet | Mobile ).
  • Size of the icon - helps to set the perfect dimension for the icon ( in PX ), along with a Reset button (Desktop | Tablet | Mobile).
  • Border radius - used to make the button round, along with a Reset button.


🌈Colors

The customizations available here refers to colors applied for different areas:

  • Color - text / arrow color.
  • Hover Color - text / arrow color when you hover with the mouse.
  • Background Color - background color of the shape.
  • Background Hover Color - background color of the shape when you hover with the mouse.

All of these areas can use the Global Colors of Neve, by clicking on the 🌐 icon.

📝 Note: For further information about Global Colors in Neve, check this doc.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.