Sticky menu inside a page

[Ghiotto]

Hi there, I’m trying to set a filter menu (category grid filter) that is positioned after some content, as a sticky menu for a better user experience.

Here the page http://millennium.alecss.it/negozi/ (work in progress) The menu is after “ELENCO NEGOZI” and allow to filter the underlying elements.

I have tried some js script using scrollTop but I have obtained a lot of conflict. Giving that x-theme have already integrated sticky scripts, maybe you can help to achieve this result. I think it’s not so complicated, but I need some hlep.

Thank you very much

[nico]

Hi @Ghiotto,

Thanks for writing in.

We would really like to help you however, regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Thanks for understanding.

[Ghiotto]

OMG, I was hoping you wouldn’t answer with that sentence! LoL

Really, you have gave some help for things more complex than this.

[mldarshana]

Hi There @Ghiotto

For specific customization requirements, we suggest customers to contact a developer or a service simply because it may break existing functionalities. If so, our support staff have to invest more time into those additional issues which may arise.

Thanks for understanding.

[Ghiotto]

Yes. it’is clear, I understand. I’m only saying that you have gave me some support in other threads that in my opinion were a little bit complex or at least similar. But maybe in this case you recognize more complexity.

It’s ok, thank you anyway.

Bye!

[nico]

Hi @Ghiotto,

I have checked first the code before confirming that it is beyond the scope of our support. As I checked it, it could take more time and I it is quite a complex script that could cause you more trouble in your setup.

I will share you code that you will need to replicate for the other class so that it will create the same effect. This code below will serve you as a guide:

,jQuery(function(a){

          function t(){

                return a(".x-navbar-wrap").offset().top-a("#wpadminbar").outerHeight()

          }

    var e=a("body"),n=a(".x-navbar");

            if(e.hasClass("x-navbar-fixed-top-active")&&n.length>0){
            
			   var o="";

               e.hasClass("x-boxed-layout-active")&&(o=" x-container max width"),
			
			   a(window).scroll(function(){

                   a(this).scrollTop()>=t()?n.addClass("x-navbar-fixed-top"+o): n.removeClass("x-navbar-fixed-top"+o)

               })
			}

})

Hope it helps.

Thank you so much for understanding.

[Ghiotto]

So kind, thnak you very much. Sometimes, I’ve just need only a guide, a reference to develop my custom solutions.

Thanks!

[paul.r]

On behalf of my colleague, you’re welcome. Cheers!