This ticket contains 6 replies, has 2 voices, and was last updated by Customer Support M Customer Support M 1 month, 3 weeks.

CSS lags when screen orientation changes

This topic isNot resolved
  • I’ve added custom CSS to handle some image resizes when a phone or tablet are in portrait mode. However, when I rotate the screens back and forth from portrait to landscape (and back again) the CSS code doesn’t refresh or “lags” behind the orientation change until the page is scrolled a little bit. Once the page is scrolled, it realizes there has been a change and then the correct CSS code is executed.

    Any idea how to make the refresh faster without scrolling?


      Quote

    Also, sometimes the website won’t even load on my tablet. I just get a white screen and the loading progress bar goes all the way to the right.


      Quote
    Customer Support M

    Hello,
    Thanks for contacting us and using Phlox.
    Sorry, I didn’t get that exactly, please provide us some screenshots attachment for better understanding, we will check and reply to you ASAP.
    Best Regards,
    Averta


      Quote

    Well, when the page doesn’t load, it’s simply a white screen. So I’m not sure if a screenshot is really required for a blank white screen. The homepage loads more regularly than the others, but these two regularly fail on my tablet:

    As for the “lagging” CSS when the screen orientation, it’s as it sounds. The screen displays like it should when the page is loaded. Then, when the orientation changes, so should the content on the page to adjust for the different orientation. However, it doesn’t change right away, and I need to scroll down the page a bit until the “new” CSS code is recognized.

    When the page is initially loaded in Portrait mode, it looks just fine:
    <img src=”https://www.dumptownusa.com/wp-content/uploads/2019/03/Portrait-Good.jpeg”>

    But when it’s rotated into Landscape mode, the CSS doesn’t update right away. You can see how there are 1.5 pictures displayed in the image slider:
    <img src=”https://www.dumptownusa.com/wp-content/uploads/2019/03/Landscape-Bad.jpeg”>

    However, when I scroll the page just a little bit, the CSS is “refreshed” or recognized by the phone, and then the images readjust how they’re supposed to:
    <img src=”https://www.dumptownusa.com/wp-content/uploads/2019/03/Landscape-Good.jpeg”>


      Quote

    And for some reason, your forum won’t let me edit my post when I click on “edit.” So here are the links to the images above in the same ordered they’re listed:

    Loaded correctly in portrait:

    Landscape loaded incorrectly when screen orientation changes:

    And Landscape that loads correctly after scrolling the page a little bit:


      Quote

    It’s unfortunate you don’t support the free version, or you’d have a really great theme. One of the best I’ve used. But your disregard for free support is really disappointing.

    My site still won’t load on my tablet, but maybe that’s a design “feature”?


      Quote
    Customer Support M

    Hello,
    Really sorry about the delay in response, we were so busy last week, I want to understand and forgive us.
    Can you please explain to us what device or browser you are using? we have checked your site with firefox and chrome in some regular screen sizes but all contented loaded properly! please provide us more clues so we can investigate it better.
    Best Regards,
    Averta


      Quote
Login to Create New Ticket

You must be logged in to reply to this ticket.

Phlox Free Wordpress Theme