Hi there,
I am having trouble working out a couple of things and am hoping that you know the solution.
1. the position and size of the mobile menu hide image is incorrect. the image should be identical in size and position to the mobile menu toggle
2. the list with the menu items should sit underneath the menu toggle (on the left) like the screenshot below
thanks in advanced for your help!
Hey clairemartindigital,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#advanced_menu_hide {
width: 116px;
height: 66px;
top: -20px;
}
Can you please elaborate on the second issue? I am not sure if i understood you clearly
Best regards,
Yigit
Hi Yigit,
I basically ant to achieve the menu as per screenshot below. With the menu open icon is in the same position as the menu hide button.
Hi,
Please change the code to following one
#advanced_menu_hide {
width: 116px;
height: 66px;
top: 46px;
left: 42px;
}
Best regards,
Yigit
ok thanks. the issue now is that the menu items still display on the right side of the screen. how can i get them to display underneath the logo as per mock up?
thanks
I realised my approach is wrong and won’t work. and therefore i will completely start again on the menu. please close this support request.
thanks
Hi!
Do let us know if we can do anything else, thanks a lot for your patience
Cheers!
Basilis