Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1190923

    hello, on my mobile phone the featered images are not displaying. How can i get this done?
    best regards, jelle vanhijfte

    ive tried this:
    @media only screen and (max-width: 767px) {
    .responsive .template-blog .blog-meta, .responsive .post_author_timeline, .responsive #top #main .sidebar {
    display: block;
    }}

    @media only screen and (max-width: 767px) {
    .template-blog .blog-meta {
    float: none;
    margin: auto;
    width: 100%!important;
    }
    a.small-preview img {
    margin: auto;
    }
    a.small-preview {
    width: 100%;
    background-color: transparent!important;
    }
    .flex_column .template-blog .post .entry-content-wrapper {
    width: 100%;
    padding-top: 20px;
    }
    }

    but than i get this weird broad image and no text, see image below

    • This topic was modified 4 years, 8 months ago by yampieters.
    #1191081

    Hey jelle,

    Add this to quick css:

    @media only screen and (max-width: 767px){
    .responsive .template-blog .blog-meta{
        display: !important;
    }}

    Best regards,
    Jordan Shannon

    #1191086

    hello jordan, thanks for the reply…but its not doing anything…see screenshot

    #1191160

    Hi,

    Apologies, I forgot the value. Try this:

    @media only screen and (max-width: 767px){
    .responsive .template-blog .blog-meta{
        display:block !important;
    }}

    Best regards,
    Jordan Shannon

    #1191236

    Thanks a lot, Jordan, thats brilliant!
    This ticket can be closed now.
    best regards, jelle vanhijfte

    #1191343

    Hi,

    No problem! I’m happy this was resolved. If you need additional help please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘featured images on mobile phone’ is closed to new replies.