Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 6, 2015 at 9:50 pm #514789
    dcarlsondesign

    Could you help me find the right style to fix the issue that I am having with my Blog listing at–

    http://dev.eldernetwork.net/aging-at-home/

    When I look at it on an iPhone I see each featured image and then a great deal of white space below each image and no excerpt text.

    As I pull the image in on my computer desktop screen I see the type in a narrow column to right of the image and a large blank space below the image.

    What would be the media query or screen min or max to style this so the title and text drops down correctly and displays correctly below the photo…or perhaps just have the text title and excerpt on the listings on the mobile size?

    Thanks,
    David

    October 7, 2015 at 8:18 am #514969
    Rikard

    Hi dcarlsondesign,

    Please try the following in Quick CSS under Enfold–>General Styling:

    @media only screen and (max-width: 767px) {
.responsive .content .entry-content-wrapper {
    min-width: 100% !important;
}
}

    Cheers!
    Rikard

    October 7, 2015 at 5:01 pm #515369
    dcarlsondesign

    Thanks Rikard,

    That works.

    So it is by styling these item’s min-width: 100%; the are forced to drop down and be displayed only as one column.

    David

    October 8, 2015 at 6:14 am #515568
    Rikard

    Hey David,

    Glad we could help :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Blog listing does not display correctly on iPhone 6’ is closed to new replies.