Navigation dropdown

I have two menus, the main one is only seen in the home page. When the screen becomes small to a dropdown menu. This is OK!

When we scroll, the main menu disappears and a second menu appears. In this second menu, when we make the small screen it does not show the dropdown menu correctly. With the debugger I see that the menu is but not shown …

Any ideas?

Hi There,

Please compare the z-index of the bars and containers where you have your menus placed.

To understand how Z-index works, please refer to this link.

https://www.w3schools.com/cssref/pr_pos_z-index.asp

https://www.w3schools.com/cssref/tryit.asp?filename=trycss_zindex

Please make sure both bars have z-index 9999

Let us know how it goes, if that does not help, please provide your URL and login credentials in a secure note.

Cheers!

Good morning, send you a message …

Have you been able to look at it?

Thank you

Hi there,

Please post the URL and tthe login credentials in a Secure Note in this post (key icon below your replies) and not as a direct message to the staff as another staff member might handle the ticket the next time.

Thank you.

The website is hidden. To access you must insert this line in the hosts file of your pc/mac

Hi There,

The given credentials dont seem to work.

Please check,

Thanks!

Have you put the line in the hosts file? With the credentials that I have sent you, I enter the backoffice perfectly!!

If you put productosjv.com the web you see is this?

Thank you!

Hi there,

You use two header bar, one has fixed position (floating) and it’s the second bar. If you wish to the menu to follow as you scroll, then add your menu into that floating navbar.

Or perhaps, just use single header bar and place everything there, that’s okay since you can use Customize’s Hide during break points option. Hence, you can hide specific menu for each device, and have a menu for desktop and mobile.

Thanks!

Good Morning,

I do not understand your solution very well … My problem is that in the floating bar (the menu that appears when scrolling) when making small the browser window does not show the “Dropdown” menu

The static bar does show the “dropdown” menu but the floating bar does not, and they are the same, what I understand should work!

STATIC BAR

FLOATING BAR

Thanks

You enabled content scrolling in your bar. Please turn off Content Scrolling because it was designed for horizontally scrollable content.

Thanks.

Perfect!!

Thank you!

You are welcome.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.