Onepage Navigation
How to Configure and Style Onepage Navigation #
Onepage Navigation in Elementor gives you the flexibility to easily navigate through your one page website. With the help of this element, you can create a beautiful one page site and improve the overall user experience.
How to Activate Onepage Navigation #
To use this Spexo Widgets element, find the ‘Onepage Nav’ from the Search option under the ‘ELEMENTS’ tab. Simply just Drag & Drop the ‘Onepage Nav’ into the ‘Drag widget here’ section.
Initially, this is how Onepage Navigation would look like:
How to Configure the Content Settings #
Under the ‘Content’ tab you will find the ‘Navigation’, ‘Layout’ and ‘Settings’ section.
Navigation #
In this section, you can add a Section ID and select navigation icon.
Layout #
For the ‘Layout’ section, you are capable of changing the horizontal alignment and vertical alignment.
Click to See Live Demo #
How to Style Onepage Navigation #
From the ‘Style’ tab, you can modify Color, Size, Spacing, Border and many more options of the Onepage Navigation.
Navigation Wrapper #
For the ‘Navigation Wrapper’ section, you are capable of changing the background type, box shadow, padding, margin. You can even add styling to border as well.
Navigation Item #
From this section, you can change the size and spacing of the Navigation Items. Moreover, you are able to separately control the styling for ‘Navigation Items’ when its in normal and hover view.
Final Outcome #
Once you are done with the basic steps, you can design Onepage Navigation as per your preference.
With the help of Onepage Navigation, this is how you can enhance the user experience on your site with the easier navigation panel.
Getting stuck? Feel to Contact Our Support for further assistance.
Functional Always active
Preferences
Statistics
Marketing
Subscribe & Download
Enter Your Email Address to Know About the Latest Updates & Features.