Joomla 3.x. How to get rid of stick-up menu feature

This tutorial will show you how to get rid of stick-up menu feature in Joomla 3.x. templates

1. Please, navigate to your site frontend and scroll a little bit down. There you can still see a header menu line:

   

2. We will use FireBug plugin for Firefox browser to inspect elements.

3. Inspect the header menu with FireBug plugin. There you will see the following CSS rule:

   #header.scroll-to-fixed-fixed {
   			position: fixed !important;
   		}

4. Please, change it to:

   #header.scroll-to-fixed-fixed {
   			position: static !important;
   		}

   

5. Right-click the CSS class and choose ‘Copy Rule Declaration’ option to copy it to the clipboard.

   

6. Navigate to your admin panel, go to Extensions > Templates > Templates > ThemeXXXX > template.css

7. Paste the previously copied CSS rule to the ‘template.css’ file and then click ‘Save’.

   

8. Navigate to your site frontend and refresh the page to see changes applied.

This is the end of the tutorial. Now you know how to get rid of stick-up menu feature.

If you want to see more top-quality templates, discover our large scale of Joomla themes!

Feel free to check the detailed video tutorial below: