Hi, guys-
I’m having some issues with the Responsive view and am wondering if you can help me solve these mysteries.
Problem #1: Image Missing
For some reason, in responsive view, one of the images from the HOME page is missing. It is the 2nd of 3 images added via the 1/3 layout builder. I’ve applied the same structure to other sites using the same size images and have never encountered this problem, so I’m puzzled. I tried deleting the entire section and rebuilding from scratch but that didn’t change anything.
Problem #2: Shrinking Logo
In Responsive view, the logo is miniscule. I tried changing the size of the logo, adjusted the custom height setting for the header and I experimented with many of the solutions posted here in the forum but nothing works.
Any input you can share regarding these issues would be greatly appreciated.
Many thanks, as always.
Hey Joyful_1,
1. I couldn’t reproduce the error on my end, all the 1/3 and images are showing up fine. Did you try clearing your browser cache and reload a few times?
2. Please try this in Quick CSS, adjust the value to your liking:
@media only screen and (max-width: 767px) {
.responsive .logo img {
max-height: 150px;
}
}
Best regards,
Rikard
Hi, Rikard,
Thanks for your input. Much appreciated!
I didn’t have any luck after clearing my browser cache but after testing it on 3 different phones and an iPad in two different browsers I finally came to the conclusion that the image file was corrupt. I gave it a new name and uploaded it again et voila! Success!
As for the logo, the CSS you provided worked perfectly.
Thanks so much for your help!
Best Regards,
Joyful_1
Hi Joyful_1,
We’re glad that Rikard was able to help you.
Thank you for using Enfold!
Sarah