Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 16, 2014 at 6:44 pm #320049
    Kevin

    http://lw.bypundyk.com
    The blog on PC/Mac browsers looks great
    Below is what was added on the Quick CSS.
    .small-preview, #top .fullsize .template-blog .blog-meta {
    width: 140px;
    height: 140px;
    }

    #top .fullsize .template-blog .post .entry-content-wrapper {
    font-size: 15px;
    line-height: 25px;
    margin: 0 auto;
    max-width: 420px;
    overflow: visible;
    text-align: justify;
    }

    On the Tablet/Mobile it looks like below and need help to fix this issue.

    Hope to hear from you soon.

    Thanks,
    MP

    September 17, 2014 at 5:27 am #320297
    Ismael

    Hi Marcelo!

    Thank you for using Enfold.

    Use this to adjust the blog on smaller screens:

    @media only screen and (max-width: 1139px) {
.small-preview, #top .fullsize .template-blog .blog-meta {
width: 100px;
height: 100px;
}

#top .fullsize .template-blog .post .entry-content-wrapper {
max-width: 400px;
}
}

    Regards,
    Ismael

    September 17, 2014 at 6:57 am #320328
    Kevin

    Thank you Ismael,

    The CSS code you provided works on iPad on landscape which is great.

    Only problem now is on iPortrait which below is the screenshot.
    Same issue is happening as well on iPhone Portrait and landscape.

    Thanks for the amazing support.
    MP

    September 19, 2014 at 5:39 am #321653
    Josue

    Hey!

    Add this to your custom CSS:

    @media only screen and (max-width: 989px) {
    .home .fullsize .template-blog .post .entry-content-wrapper {
        width: 70%;
    }
}

@media only screen and (max-width: 479px) {
    .home .fullsize .template-blog .post .entry-content-wrapper {
        width: 100%;
    }
}

    Regards,
    Josue

    September 27, 2014 at 2:56 pm #325957
    Kevin

    Thank you that worked.

    MP

    September 27, 2014 at 7:43 pm #326000
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Blog Posts – Image Left Column and Text on Right’ is closed to new replies.