Hello,
We want to create a menu for the mobile version of our website, a menu that appears without expanding, similar to many websites where you tap the menu to access its contents. This saves space in the website header when accessed from a mobile device—not an iPad or tablet, but a smartphone.
Is there a way to define a specific mobile header that can be assigned to the mobile version of the website using Cloud Templates?
Thanks in advance for your attention
Regards,
Hi,
The menu can be created under Dashboard> Appearance> Menu https://prnt.sc/pqei0GsTurlp
To assign it on a header, you need to edit that cloud header with tagDiv Composer, then select the mobile viewport after that you have 2 elements that can be used for the mobile menu: https://prnt.sc/eJcQc0R0zpCc
– Mobile horizontal menu (already used on this demo) https://prnt.sc/UN1q8xVNZRll
– Mobile menu element – https://prnt.sc/D12KGEObTLon
Thank you!
Hi,
Thank you for your quick response. Now I need to know how to change the background image of the truck that appears in the mobile menu, and also which items appear because there’s a “sign in” link that I don’t want to show. How can I edit the mobile menu?
Regards,
Hi,
If you are referring to this background image https://prnt.sc/ShxazSdiOuDQ, then you need to go to the theme panel > background and mobile menu/search – https://prnt.sc/w6d5Ch6pWxtZ, set a different image or remove it.
The sign in option can be disabled from the theme panel > Header > sign in/join – https://prnt.sc/H7_B3UZyVMM_ jus disable those options save the settings and also go to Dashboard > Serrings > General and disable the membership option – https://prnt.sc/2F4Fn-hpn-kD
