Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #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.
    #1264851

    Hey TrevorMF,

    Could you please attach a screencast of the issue?

    Best regards,
    Victoria

    #1264918

    Link attached

    • This reply was modified 3 years, 11 months ago by TrevorMF.
    #1265094

    Hi, I was wondering if you made any progress on this, the site is due to go live on Monday.

    #1265134

    Hello I am getting somewhat worried now.

    • This reply was modified 3 years, 11 months ago by TrevorMF.
    #1265140

    So publish the page here for everyone;
    sometimes non-mods can help, too

    #1265142

    Thank you

    https://home.veritalife.com/

    • This reply was modified 3 years, 11 months ago by TrevorMF.
    #1265146

    Thanks – On which of the pages is the problem described by you

    #1265147

    Hi, 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

    #1265149

    I 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

    #1265150

    but 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.

    #1265151

    Hi 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

    #1265157

    Hi TrevorMF,

    Thanks for the update, so everything is working as it should now then? Thanks @guenni007 for helping out as well :-)

    Best regards,
    Rikard

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.