Hi guys,
Upon the latest update to 4.1.1, the menu burger icon, search icon & shopping cart overlaps with logo on mobile.
It does not happen to desktop even when we scale the browser to the smallest width.
It does seems that the menu, search icon and shopping cart icon is being pushed towards the center.
I thought 4.1.1 had a fix on this but it doesn’t fix. Was working perfectly previously on older version.
Logo size is recommended 340 px width.
Thanks.
Hey phangmoh,
Thank you for writing in!
You can solve this adding the following code at Enfold Theme Options > General Styling > Quick CSS
@media only screen and (max-width: 767px) {
.responsive .logo img {
width: 200px !important;
}
}
Best regards,
John Torvik
Hi John,
That fixed the problem.
Will this fix be incorporated in the future revision?
Thank you.
Hi phangmoh,
Glad we could help. A lot of people use shrinking header and so they don’t have that issue on the mobile, so we might or might not implement.
If you need further assistance please let us know.
Best regards,
Victoria