Hi,
I am building a page that has around 10 different tables containing price lists for products that we hire out. At the top of the page I have two rows of buttons so the user can click and the page automatically scrolls to the right table.
What I would like to do is make the row of buttons stick to the top of the page so that the user doesn’t have to keep scrolling to the top to click for a different table.
I have a button on the side which they can click to scroll to the top but if someone wants to looks at various tables I don’t want them to have to keep going up and down all the time.
Thank you
Hi Designgigalite,
You’re going to have to use a plugin to do this. Firstly, open up the row that contains your row navigation, and head over to the Row Styles sidebar. Open the Attributes settings group and set the Row Class to is_sticky
Then we’ll need to install the plugin that will allow you to sticky elements and set offsets. Let’s use Sticky Menu (or Anything!) on Scroll for this. Navigate to WP AdminSettingsSticky Menu (or Anything!) and input .is_sticky into the Sticky Element field. Switch to the Advanced Settings tab and set the Z-Index (optional) to 600 and set the Push-up element field to .site-footer
Please note that if you’re not using a SiteOrigin theme you may need to adjust the footer class to a class specific to your theme – I can help with this.
By the way, as you’re a premium user, you’re entitled to priority email support. If you would like to make use of that, please follow the instructions found on your Dashboard. Please reference this thread and include your SiteOrigin order key in the email.