Navigation collapsed don't work on sticky bar

[admindp]

Hi,

I got a header with a sticky bar option active: unfortunately, when the sicky bar is visible, the navigation collapse element doesn’t work. I will write down the URL.

Thanks!

[nabeel]

Hi @admindp,

Thank you for reaching out to us. I checked your setup and there’s custom CSS you’ve added in the Global CSS section which is conflicting with the navigation element (see screenshot)

Please find and remove the above code to fix the issue. Let us know how this goes!

[admindp]

Hi @nabeel, thanks for your reply.

If I remove that code, than I will see a double navigation. My problem is that in the sticky bar, when I click/touch the hamburger it doesn’t open the menu, how can I solve that?

Thanks.

[kory]

Hey, @admindp! Thanks for writing in…I have tested this locally and can confirm that the Navigation Collapsed Element (and all Navigation Elements with a toggle) are opening as expected for standard and sticky Bar setups. If your Navigation is not opening in the Sticky Bar, it is likely that you have some type of conflict with a 3rd party script, or perhaps something you have introduced on your own. I would recommend disabling any plugins you think might be interfering with the toggle, or any custom scripts you have to see if it brings back the toggle functionality, as it is definitely working out of the box in the Builders. Once you have located the offending script source, you can either find an alternative plugin if that is the cause, or update any scripting you might be using (also, make sure you don’t have any custom styles that are interfering with the toggle in some way).

Hopefully this helps to point you in the right direction.

[admindp]

Hi @kory,

the fact is that I have just one custom script made by your staff to show a logo on the collapsed menu. I have removed it and the navigation still doesn’t work. I don’t have any 3rd party plugin.

I need to create two bars? Like one for the main and one as sticky bar? But it doesn’t make sense to me sincerely

[alexander]

Hi @admindp,

If you want the logo to be a different image when the navigation is fixed or unfixed you will in fact need two different bars to accomplish this without custom coding. One approach would be placing both images in the bar and using the x-bar-fixed class to hide/show each logo alternatively. That class only exists when the bar is considered sticky.