-
Posts
-
Hey Madison,
Thank you for the inquiry.
We are not seeing the issue on our end. Would you mind providing a screenshot? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot.
Best regards,
IsmaelHere you go – https://img.savvyify.com/image/IMG-4642.9w90z
When I look at this homepage on mobile screen simulators like FireFox and Chrome – it looks fine, but on a real phone, mine is a iPhone 16 I see the missing image blue box with a ? – Please let me know what you are seeing. Can you help? I have two things working to hide the second image on mobile. Thanks again, ChrisYou may just try it on your phone directly – https://new.samsneadslely.com/ and see what you see. Thanks
Hi,
Thank you for the screenshot.
We can’t reproduce the issue on our end — see the screenshot below. Have you tried purging the cache or switching to incognito mode?
Best regards,
IsmaelGood afternoon. I am still getting this “missing image” icon with blank space on my iPhone 16.
Unfortunately so is my client that I built the site for. The site is now live at https://samsneadslely.com/
and I am at a loss at what to try…but it is definitely an issue. Please help!
It may be fine on an android but iphones show this issue.https://img.savvyify.com/image/0.y8XdM is the image my client took on his iPhone
Hi,
We checked every thumbnail in the srcset attribute, and none of them are missing, but it looks you’ve opted to hide the column and image on smaller screens. The image does display when we manually toggle its visibility.
Would you mind creating a test page and apply the same content as the homepage?
Best regards,
IsmaelI did make a reproduction page top and made it exactly like the homepage – from scratch, not making templates out of the elements, using same settings and set up. It was the same result. I also made other changes experimenting with the image, z index and hiding… same result. Switched the columns where the image was, same result.
https://img.savvyify.com/image/IMG-4759.y8rhx
I am at a loss to what to try next.
Please help.
Did I give credentials? I will add them just in case below.I do want to hide the overlapping – clear background golfer on mobile. It is great on desktop, love the look, but on mobile, it is too small to cover at all. I have built and customize many sites on Enfold, the show/hide works almost all the time. Does this help you understand what I am trying to do?
maybe it is because the ID is set twice ID=samhide
remove it from the imageor because the image is inside a column why not using the options inside the column element to hide the column?
yes, the column has “hide on mobile”
I removed the ID and Class on the image and still see the big blank space on my iPhone
Do you still see it?
Thanks
CcWhy do you have that text as double content?
Lets try if a css only solution will do the job:
Do not create that extra text section. This means: your 1/3 column on the left – the 2/3 column with your text on the right. As probably before, move the line column upwards (-200px) using the setting via Advanced – Position relative in the Row Settings – Row Screen Options setting and let the columns wrap at 989px. Give the column with the image its own meaningful class, e.g.: hide-on-smallscreens.
Now insert it into the Quick CSS:
@media only screen and (max-width: 989px) { #top .flex_column.hide-on-smallscreens { display: none !important; } #top .flex_column.hide-on-smallscreens + .flex_column { width: 100%; } }maybe it is better to shift the image via position relative.
Hi,
I don’t see the error on Safari on Mac with Responsive Design Mode to emulate a iPhone, unfortunately I don’t have a real iPhone to test with.
Please try Guenni007’s solution and let us know if that helped.Best regards,
MikeSo sorry to be a pain but (if I did it correctly) it still is showing the big blank space and the missing image icon on the page on a real iPhone. The simulator doesn’t show it nor narrowing your window to a cell phone shape, but on a real iPhone, I still see it.
Please login and take a look again – if you have an iPhone, take a look.
Thanks
ChrisFirst : i’m talking about a custom class : hide-on-smallscreens – not an ID
and maybe put your two columns inside a color-section.with my solution you can then remove all other trials to hide the column.
PS: you are still on Enfold 6.0.2 my testpage is on 7.1.1 – i only mention that because i can not reproduce a negative margin-top value on the img tag itself.
These were all good things to try, sorry to let you know, this still didn’t work.
I updated Enfold to 7 and I applied all the ideas to a test page started from scratch – https://samsneadslely.com/hometest/
I also removed any other css in QUICK CSS too.Can anyone there look at https://samsneadslely.com/hometest/ on a real iPhone and let me know?
Also, feel free to login and look and make changes, I am desperate at the point.The homepage is live and my customer is getting pretty impatient now!!
Please help!!
Chrischeck this page with your iPhone: https://webers-testseite.de/sam/
if you have convinced yourself that it works on mobile devices – I will take my site down again.on my iPhone i got this message from your page: “Please set a mobile device fallback imgage for this video in your wordpress backend.”
so now i recognise that you use the fullwidth-slider.i used for the video a color-section with video background. And set on
“Section Minimum Height – …(responsive section) to 56% (9/16*100)”. ( on a 16/9 video)I did see that page : https://webers-testseite.de/sam/ and it is fine.
In the past, the when I put in a mobile fall back, it makes two spots, the video and then the image below, so I don’t use the fall back if possible.
BUT, you were on it for sure, I made a 400px x 10px clear image and used it for the fallback and the big blank space and missing pic icon are gone!!!
Thank you so much!
Chrismaybe you get rid of that top border by:
#after_full_slider_1.container_wrap { border-top-width: 0; }Hi,
Glad Guenni007 could help, thank you Guenni007, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike
- The topic ‘Hiding Image on Mobile not working’ is closed to new replies.