Latif Pala

The Sticky on Scroll plugin for wordpress allows to make any element sticky as soon as the element hits the top of the page. It is commonly used to keep navigation menus at the top of page.
You might have to add little bit of HTML/CSS to work this plugin perfectly for other elements except navigation menu. Make sure you do not select too large elements as sticky.
Always try to add a unique element class/ID for the element you want to set as sticky. For multiple elements you can use class for best results.
For multiple elements you can easily add element ID or classes separated by comma (For eg. #section1, #section2, .header). You can also use any HTML elements as sticky. However adding using ID/class is preferable.

Sticky on Scroll

You can pick any element that you want to stick on top of the page when you scroll down. It can be used for navigation menus or any element that you w …

Slobodan Manic

Dragan Nikolic

For support requests please use our <a href="http://support.thematosoup.com" title="ThematoSoup support forums" rel="nofollow ugc">dedicated support forums</a>.
The Sticky Header WordPress plugin makes your header visible at all times. It’s a great feature that allows people to browse faster and consume more of your content.
Sticky Header by ThematoSoup is part of your brand building, improves user experience by saving people time and makes your WordPress website more aesthetically pleasing.
Your branding (logo) is something you want visitors to subconsciously keep in mind while browsing your website and navigation is one of the most important aspects of every website. Make them visible at all times.
<h4>Settings</h4>
Sticky Header by ThematoSoup has just few options, which you can find in your Theme Customizer. This makes it incredibly easy to configure and use.
<ul>
<li>Menu – You need to create at least one navigation menu before you can add it to Sticky Header. The menu in Sticky Header shows only first level items, so no submenu items will be shown.</li>
<li>Logo – You can upload your sticky header logo by clicking on “Upload new” > “Select a file”. Ideally, this logo should be 30px tall or it will be resized. If a logo image is not uploaded, site title will be used.</li>
<li>Background color – You can choose your custom sticky header background color.</li>
<li>Text color – Choose your sticky header text color so it provides enough contrast with regards to the background color.</li>
<li>Sticky Header max width – This option allows you to match interior Sticky Header width to your content area width. </li>
<li>Make visible when scrolled to – This is the distance from the top of the page at which sticky header will show, in pixels. </li>
<li>Hide if screen is narrower than – Sticky header will not be shown on screens narrower than this value, in pixels. When people use mobile devices, they’re used to vertical scrolling so it’s not necessary to have sticky headers.</li>
</ul>

Sticky Header by ThematoSoup

Sticky Header by ThematoSoup allows you to add sticky header to any WordPress theme.

Sticky on Scroll vs Sticky Header by ThematoSoup