I updated to 4.8.5 on my staging site and there’s something funky in the header…. it’s causing half of my search icon to appear and everything else to be pushed down the page. I can see it as I flip between https://www.thestrapsaver.com/cart/ and https://staging2.thestrapsaver.com/cart/.
Can you help with a fix?
Thanks!
Shari
Hi Shari,
Please try the following in Quick CSS under Enfold->General Styling:
#search-5 #searchform>div {
height: 37px;
}
Best regards,
Rikard
Thank you – this helped with the magnifying glass, but it pushed the ribbon down too far. see https://staging2.thestrapsaver.com/cart/ vs. https://www.thestrapsaver.com/cart/
Any thoughts?
Thanks!
Shari
Hi,
Please try this CSS as well:
#search-5 {
padding: 30px 0 5px 0;
}
Best regards,
Rikard
It worked but it’s still off a tiny bit – what number would I adjust to fine tune it?
Thank you!!!!
Hi,
Try to adjust the 5px (bottom) value in my example, you can try to adjust the 30px (top) value as well.
Best regards,
Rikard
Sorry for the delayed reply – I got caught up in other updates to the site (I’m sure you’ve been there, done that!) Thank you so much for your help!! :) I’m all fixed now!
Hi,
Glad Rikard could help!
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Enjoy the rest of your day!
Best regards,
Yigit