Hi!
I switched my site to be mobile responsive and noticed when looking at my home page with an iPhone that the search / magnifier is partially over my site name.
Is there a way to resolve this?
Hey gb,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.responsive #top .logo {
width: 60% !important;
}
}
Best regards,
Rikard
Hi,
I have added that code and it just moved the search magnifier to the left slightly (while viewing using an iPhone)
I will keep the code there for you to see what I am referring to.
Hi,
I can’t see the CSS I gave you applying at all, please try to clear the old CSS and JS files under Enfold->Performance. If that doesn’t help then post admin login details in private.
Best regards,
Rikard
Hi Rikard,
I checked again this morning and the CSS code is working now!
Thanks!! Thats just what I needed!
Best,
GB
Hi,
Great, I’m glad that it’s working now. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Thanks so much, you can close it!