If you are looking to create a classy one page website, this Scroll Navigation widget is a must. One page websites are in a trend nowadays. The navigation can be placed anywhere on the screen. Mostly, it is placed on the right or on the top.
How to use the Scroll Navigation Widget of The Plus Addons For Elementor
The Scroll Navigation widget comes with different styles and a plethora of customization options using which you can use to add scroll navigation to your websites.
Search for the Scroll Navigation element from the Elementor screen in the left and then drag and drop it into the content building area. After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to the Audio Player widget. First, click on the Content tab.
Select the Style for the Scroll Navigation here. We have provided 5 different styles to choose from.
Set the Direction of the Scroll Navigation here.
Tooltip Display Style
Set the Tooltip Display Style here.
Scroll Navigation List
Add item here to the Scroll Navigation List.
Section Id – Add your section id here.
Tooltip – Enable tooltip here. Set the tooltip title here.
Icon – Set the icon here. You can choose any icon from FontAwesome or Icons Mind.
Page Scroll Connection
Enable and edit the Page Scroll Connection here.
Page Scroll Type
Select your preferred page scroll type. You can select anyone between Full Page, Page Piling, and Multi Scroll.
Page Scroll Connect ID
Enter your page scroll connect ID here.
The Style tab is used for customizing the appearance of all the Scroll Navigation widget components. All these styling options include customizing the fonts, colors, background, margins, and padding which are common across all the widgets. So, we have created a single detailed article explaining these Styling Options
Change the Icon Height/Width, Icon Spacing, color, and border type here.
Enable and style the Navigation Background and Box Shadow options here.
Set the Navigation Tooltip Margin, Navigation Tooltip Padding, Alignment, Typography, Font color normal, Background Color, Tooltip height, Tooltip Arrow, Box Shadow, and Border Radius here.
Whole Background Style
Set the Whole Navigation offset, Inner padding, Background, Box Border, and Box Shadow here.
Enable and set the Show Menu Scroll Offset.