Hi, Is there a way to remove the separator ( | ) when in mobile view? Also on the Sub menu as well.
Many thanks,
Maya
Hey mayamaria,
Could you please attach some screenshots of the issue?
Best regards,
Victoria
Hi,
Here is the screen shot from the mobile view. This symbol ( | ) makes the submenu look messy. Can we remove for the mobile view?
Thank you.
Maya
Hi Maya,
Best regards,
Victoria
I have uploaded the link below.
Thanks.
Hi mayamaria,
Thank you.
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) {
#top .av-subnav-menu > li > a {
border: none;
}
#top .av-subnav-menu > li {
padding: 10px 0;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
I’ve tried placing the code in the General styling and that didn’t do anything, then placed the code in the Food & Drinks Submenu CSS and gave me the attached screen shot view…
Thanks.
Hi,
Sorry for the late reply, I took a look at your page /food-drink/ and your homepage, but I didn’t find anything like your screenshot.
I also checked both of your menus at mobile but they didn’t contain any ( | ) such as in your main menu for desktop.
Please see the screenshots in Private Content area.
Did you already resolve this?
Best regards,
Mike