Sticky Navigation on Scroll

Hi,

I found a css override for this on the forum,
#gkHeaderNav {
position: fixed;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.0);
padding-bottom: 10px;
padding-top: 15px;
}

but it's not what i really want, in this position background always have a color, it ruins the simplicity of the theme, i want that background color to come when you scroll only. it shouldn't be permanent.

can anyone help me with CSS trick to get this done, like, to active after you scroll a little ?

or is there any extension to get this done ? only to be activated once you start activated ?

Thank you....

I’m afraid that modifications such as this require extensive changes to the theme’s code; I do apologize but such large changes are custom work that are beyond the scope of our technical support.

It's pretty sad to hear, its such a good feature to have in a template. anyway i don't think i am able to hire anyone for the customization, the website budget is closed and i did not include any of these customization costs. however do you know any third party extensions to get this done ?

Hi

I do not think there is a plugin which will be able to do that. To have such style template structure has to be different. Try looking for a module menu with such functionality, but to be honest such module will bring more work to it to match the style or replace menu with module position.

Could you please quote me for Custom modification in order to get this done, hope you can find my e mail address in my profile. i am gonna have to consider this with the company management once i get your quotation.

Thank you and Best Regards

Hi

It shouldn't take more than 2h, but I'm afraid I cannot take any extra jobs right now. I'm stuck for the whole summer, sorry.

It's totally understood, thank you!

Hi, i installed this module called, Floating Toolbar by Plugin Valley, if you visit the site now you can see it works the way i want it to work, when you scroll 250px down the toolbar appears from top. unfortunately its not a menu.

in the backend of this module they have given a custom HTML editor to code the Text or whatever we need it to show on the website, and what i was trying to do was call the menu on to it, or make a module for the menu and call that module in this. again, unfortunately this module does not have an option to turn on "Prepare Content"

is there a way to active "Prepare Content" if the option is not given ?

Thank you!

Hi

This may not be possible. Joomla is rendering modules as last and this may never be accessible. Please leave this toolbar on Your site and remind me the url. I think I will be bale to move the menu into this toolbar with a small javascript.

the URL is : sisco.webs.lk (no www) and i will send you the joomla admin login and ftp info as a private message.

Hi

I've added script to move menu in /layout/blocks/head.php:

Code: Select all

<script type="text/javascript">(function($) {$(document).ready(function() {
   $('.floating_bar').each(function(){
      $(this).append( $('#gkMainMenu') );
   });
});})(jQuery)</script>


but I'm afraid it's not reacting since there is some tooltip related javascript conflict:

Code: Select all

TypeError: jQuery(...).tooltip is not a function
jQuery(document).ready(function()


please fix it first. My guess is that it's lacking some javascript library. When You do this my script should be working fine.

Hi, thank you for taking your valuable time trying to solve this issue, and sorry i didn't reply on time. i checked the sticky menubar that you have added to the module i installed. and yeah it doesn't work properly. and when its active the actual main menu also disappears. so i had to un publish this new module for now and proceed with adding content to the website.

and about the Javascript conflict, i am gonna have to take proper time and have a look as you have mentioned, please keep this thread open and i will get back to you on this in couple of days.

Thank you

Hi

Sure, I'll be waiting. Just respond when You'll be ready.