Archived topic
Help regarding menu
5 replies · Started by Samuel on February 28, 2021
Hi,
I work for a client that wants his booking engine to be sticky at the top of his website.
It's a script/iframe.
I decided to use main menu to display the booking engine with the logo and use the secondary menu to display the proper websites menu.
I managed to make it work until @media max-width:890px.
From this screen size booking engine is overlapping on top of the logo. (I opened a support topic regarding this issue to see if it's possible to change the logo to another one much smaller, but at the end this will only delay the problem.)
So I'm looking for a good solution. If any ideas comes to your minds I would be very greatful !
You can check the test website in "private informations".
Thanks for your help
Hi there,
how would you want it to display ? There is very little from the element to be displayed correctly on smaller screens.
Hi David,
Ideally I would try on smaller screens :
- Display another logo (square)
- Reduce dates fields in the booking engine (I have a lot of struggle to do so)
And on mobile :
- Maybe center the horizontal logo
- Put the booking engine under logo
Another solution for mobile would be insert booking engine inside a classic mobile main menu with overlay. But in that case it would be better to also use main menu for proper menu items, so rethink everything... or see if there is a way to say "for mobile size use this menu configuration instead of the other one".
Hi again,
I think including booking engine in mobile view menu is not a good idea. I'll try to explain it to my client, let's forget about it !
No problems - hope your client agrees :)
Thanks David
