-
I have a problem with the menu on my mobile device.
I have created a Top Menu (block – hook – before_header) that hides under 1279px (css). I have also created a mobile view menu (block – hook – after_slideout_navigation).
The problem is that on a mobile device the menu displays poorly. In the editor it is correct.
editor – https://prnt.sc/HKWq7RX70WEg
frontend – https://prnt.sc/251bkt7K8lJIThe padding that I have set for the mobile menu also displays on desktop. In the Top Menu the padding on the left is not there.
top menu – https://prnt.sc/aQRQnqkcgnEF
mobile menu – https://prnt.sc/ntam6_hhaerd
frontend – https://prnt.sc/2PZ0UpVDRXEu
When I deactivate the mobile menu, the indentation is correctly 0.Can you advise me what is wrong? Would it be better to make the mobile menu completely separate via block? Now the following options are enabled for the menu: primary menu and off canvas menu.
https://prnt.sc/JMgOrpGrOGi6 -
Hi there,
Can you make sure this step is completed first?
https://www.screencast.com/t/ouurHnrhByzThanks.
-
Yes.
-
You are using the legacy buttons block, what’s the GB version you are using currently?
I would recommend updating your GB and GB Pro to the latest version, then you can wrap the button blocks with a container block and arrange the alignment:
https://docs.generateblocks.com/article/button-alignment/#button-alignment-examples -
Solved. Thanks.
-
You are welcome 🙂
- You must be logged in to reply to this topic.