You guys have to be sick of me by now. :P
I simply want to put some spaces between the buttons of my mobile menus and remove the green lines for the sub menu items. :)
Thanks!
Hey Verdaccio,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
.html_av-overlay-side-classic #top #wrap_all .av-burger-overlay #av-burger-menu-ul li a {
border: none;
}
.html_av-overlay-side #top .av-burger-overlay li.av-menu-button > a {
margin-bottom: 5px;
}
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field :)
Best regards,
Yigit
Yigit,
Thank you for your reply. Unfortunately the code did not work. I tried it in both the Quick CSS and inserting it into the custom.css. Checked it on both a phone and a tablet.
Hey,
Please do not forget to flush browser cache on your mobile devices. Code is working fine on my end :)
Regards,
Yigit
Sadly, it is still not working on my end. I am attaching a screenshot of the mobile menu in the private content section below. This is what it looks like on all my devices. I am also attaching creds to get into the site if you need to.
Hi,
There were many CSS errors in your Quick CSS field. I corrected them and cleared cache. Please review your website :)
Regards,
Yigit
Yigit, thank you for your work on this. It is indeed better. I went through and properly commented all my css. I have been working on this 24/7 for this entire past weekend and things got a little messy in my code. No excuse and thank you for the reminder to keep it clean. :)
Hi Verdaccio,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria