Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #861837

    Hi, I’ve just received a message, that blog articles with 2 rows on iPhones are not shown completely. Only the first row is to be seen and on the right side a part of the second row. But the second row will not jump under the first row as it should. So, the second row is hide and you also cannot scroll to it. I’ve checked responsiveness with the browser. There, everything seems to be ok. Also on Android Phones and on Tablets PCs everything seems to be fine. I don’t know how long this exists. Any idea?

    Example: https://www.planet-upcycling.de/dasa-workshops-fuer-jugendliche/

    Screenshot: https://www.sugarsync.com/pf/D0879465_08151474_779905

    Regards,
    Frank

    #862238

    Hey Frank,

    Please, may you provide to us your website link and the WP and FTP credentials?

    Best regards,
    John Torvik

    #862786

    Hi John,

    here you are.
    Website-Link is: http://www.planet-upcycling.de – for blogpost example as named in first post above.
    Credentials are set-up for you.
    WP Version 4.8.2
    Propulsion Version 4.3

    Best regards
    Frank

    • This reply was modified 1 month, 1 week ago by  Frank.
    #863723

    Hi,

    Thank you for the info.

    Did you add the following css modifications?

    #top.single-post .container .six.units {
        width: 690px;
    }

    Please remove it.

    Best regards,
    Ismael

    #863831

    Hi Ismael,

    no, it was from Nick, 4 years ago. You were also involved in the topic: https://kriesi.at/support/topic/ (Purchase code hidden if logged out) -with-sidebar/

    When I delete the named code snippet in CSS, iPhone view is ok BUT on a desktop the rows are very narrow and not aligned with the picture on top? You can see it on the screenshots:

    Before deleting CSS snippet above, view on a desktop (iPhone view NOT ok): https://www.sugarsync.com/pf/D0879465_08151474_789623

    After deleting CSS snippet above, view on a desktop (iPhone view OK): https://www.sugarsync.com/pf/D0879465_08151474_789629

    Best regards,
    Frank

    #864392

    Hi,

    Thank you for the info. Please add the code again but wrap it inside a css media query this time.

    @media only screen and (min-width: 768px) {
      /* Add your Desktop Styles here */
      #top.single-post .container .six.units {
          width: 690px;
      }
    }
    

    Best regards,
    Ismael

    #864742

    Works. Thank’s a lot. Great support as ever! Topic can be closed.

    Thank you again.

    Best regards,
    Frank

    #865120

    Hi,

    Glad it worked. Please let us know if you need anything else.

    Best regards,
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Blog articles with 2 rows are not displayed completely on iPhones’ is closed to new replies.