Tagged: mobile
-
AuthorPosts
-
December 3, 2020 at 12:27 am #1264588
Hi I have designed dozens of Enfold sites and never experienced a problem like this.
It’s responsive when I change browser size on desktop but not on any mobile device at all, also the mobile preview isn’t working as it should.
Update, this is working on some devices but not others. We are in Bangkok and it works on some phones here but not others.
Any ideas?- This topic was modified 3 years, 11 months ago by TrevorMF.
December 3, 2020 at 8:08 pm #1264851Hey TrevorMF,
Could you please attach a screencast of the issue?
Best regards,
VictoriaDecember 4, 2020 at 3:36 am #1264918Link attached
- This reply was modified 3 years, 11 months ago by TrevorMF.
December 5, 2020 at 1:06 am #1265094Hi, I was wondering if you made any progress on this, the site is due to go live on Monday.
December 5, 2020 at 9:17 am #1265134Hello I am getting somewhat worried now.
- This reply was modified 3 years, 11 months ago by TrevorMF.
December 5, 2020 at 10:55 am #1265140So publish the page here for everyone;
sometimes non-mods can help, tooDecember 5, 2020 at 11:07 am #1265142December 5, 2020 at 11:11 am #1265146Thanks – On which of the pages is the problem described by you
December 5, 2020 at 11:19 am #1265147Hi, it’s all the pages, every age is responsive on some phones but not others regardless of browser, it’s an inconsistent error and that’s what makes it so frustrating.
I will attach some screen caps from different test sites.It tests well on Mobile Friendly https://snipboard.io/ojtSpg.jpg
Not so much on Mobile Ready https://snipboard.io/DhqXO3.jpg
And on my own Huawei phone it is messed up, seeing only half the screen as on the mobile ready screen caps. It s the same on a few of the phones in the office too
December 5, 2020 at 11:29 am #1265149I think I have fixed it, the normal css I use for this might have been causing the issue, I changed it and it worked:
@media only screen and (max-width: 320px) {
#wrap_all { width: 600px !important; }
}Thanks everyone for your help
December 5, 2020 at 11:35 am #1265150but I think there is a problem of understanding. A background image per se can’t be responsive, because the content decides the size of the container.
To display the complete content the container height has to be adjusted flexibly. No image in the world meets such criteria.
I have here a color-section forced by css to be responsive to the background image.
You see what happens to the content when the screen width is narrow?
https://webers-testseite.de/responsive-colorsection/Now to the sliders – if you choose the fullscreen slider that is similar to that issue.
The Slider is forced to have a 100% of screen height : 100vh.
what should an image do that is landscape on a portrait format hold phone?If you take the full-width slider – that reacts responsive – but content of it should have enough place.
Try on a copy of that f.e. startpage the full-width slider.December 5, 2020 at 11:39 am #1265151Hi and thanks again, the problem s solved, I posted before you posted your answer, the images I chose were fine for the reduction I expected. The problem seemed to be that specifically Huawei phones didn’t like the usual CSS I use, that has worked for years LOL Go figure
December 5, 2020 at 12:20 pm #1265157Hi TrevorMF,
Thanks for the update, so everything is working as it should now then? Thanks @guenni007 for helping out as well :-)
Best regards,
Rikard -
AuthorPosts
- You must be logged in to reply to this topic.