What is Elementor?
Elementor is a WordPress page builder plugin designed to make it easier to create the look of the website.
The plugin allows you to edit and add design elements to the site, and see the changes as they’re being made. You can use the plugin to design every bit of the site, even the header and footer. You can also do cool stuff like turn your header of your site into an Elementor sticky header.
Tips for creating a web accessible friendly and responsive sticky header
Keep your header area simple.
Keep your navigation simple and organized.
Make sure the header isn’t big.
Test your sticky header while logged into and logged out of WordPress.
Your header shouldn’t have a lot of design elements. If you’re wanting a sticky header to just follow the web design trend, make sure you carefully plan out what you want in your header area, rather than all of the things.You should keep it simple with a logo, menu, and at the most, phone number, search box, or social icons.
Keep your navigation simple and organized.
Your navigation menu for your website doesn’t need to have everything. Add what’s important, and organize your site in a way that any excess sub-pages should be linked in other places.
If your header is half the size of your device’s screen, that’s going to be a problem for your visitors when they scroll the website. Make sure the header is as small as you can make it, without making text or your branding look too tiny. In larger devices like tablet, desktop, and laptop, your header should be no more than 150 pixels tall. On the mobile version for smartphones, you should consider creating a header that is no taller in height, than the width of your pointer finger.
Test your sticky header while logged into and logged out of WordPress.
Before launching your design with the sticky header, you should test it while logged in and logged out of WordPress. The reason for this is that sometimes your CSS styling might make the sticky header show up a small gap at the top. You can fix this with some CSS styling.