Categories

Featured templates

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

Daisy Cooper September 13, 2016
Rating: 5.0/5. From 2 votes.
Please wait...

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:

    Joomla 3.x. How to get rid of stick-up menu feature
  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;
    		}
    Joomla 3.x. How to get rid of stick-up menu feature1
  5. Right-click the CSS class and choose ‘Copy Rule Declaration’ option to copy it to the clipboard.

    Joomla 3.x. How to get rid of stick-up menu feature2
  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’.

    Joomla 3.x. How to get rid of stick-up menu feature3
  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:

Joomla 3.x. How to get rid of stick-up menu feature
Joomla HTML5 templates
This entry was posted in Joomla! Tutorials and tagged joomla, menu, stickUp. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket