Tagged: , ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • September 10, 2015 at 7:33 pm #501285
    allinmom

    Hi Enfold team,

    My featured images for my post are not showing up on my iPhone 6 when the FRONTPAGE is loaded. Will you please let me know how to resolve?

    Website: http://www.allinmom.com

    Thank you,

    Melanie

    September 11, 2015 at 7:20 am #501432
    Ismael

    Hi allinmom!

    Thank you for using Enfold.

    If you set the blog to single author, small preview, featured images will be disabled on mobile view. Add this in the Quick CSS field to display them back:

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

    Cheers!
    Ismael

    September 13, 2016 at 5:18 am #685483
    newpappa

    Just wanted to say thanks this helped me too!

    September 14, 2016 at 7:06 am #686164
    Rikard

    Hi @newpappa,

    Great, thanks for the feedback :-)

    Regards,
    Rikard

    November 23, 2016 at 1:49 am #715684
    bulewold

    This adds picture but puts it on left side, making content get squeeeed into right maybe 15% ….

    Any way to make it so that image just gets placed on top of content?

    November 23, 2016 at 9:09 am #715784
    Rikard

    Hi @bulewold,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    November 23, 2016 at 10:42 pm #716194
    bulewold

    test

    November 26, 2016 at 10:33 pm #717276
    Nikko

    Hi,

    Try adding this code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
  .responsive .template-blog .blog-meta {
    display: block !important;
    float: none;
    margin-right: 0;
    position: static;
  }

  .responsive .template-blog .blog-meta .small-preview {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 20px;
  }

  .responsive .template-blog .blog-meta .small-preview img {
    width: 100%;
  }

  .responsive .content .entry-content-wrapper {
    display: block;
    float: none;
    width: 100%;
  }
}

    Let us know if it works :)

    Best regards,
    Nikko

    • This reply was modified 8 years ago by Nikko.
    November 27, 2016 at 7:55 am #717391
    bulewold

    Nope, didn’t do much. It made it same as before where featured image just disappears when using mobile screen. (which is original setting)

    I left CSS in that test site so you can check if you’d like.

    If we can display featured image on top instead of left when using small screen, that would be the ideal!
    Thank you.

    November 27, 2016 at 8:53 am #717394
    Nikko

    Hi,

    Can you post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Nikko

    November 27, 2016 at 9:36 am #717402
    bulewold

    here you go!
    Do whatever you can do this site to test & make this work please. this is a test site.

    November 28, 2016 at 7:40 pm #717937
    Nikko

    Hey!

    I have fixed the code I have given above since 767 didn’t have px after it and no display:block !important. It should be good now, kindly connect back jetpack plugin since I disabled it. Let us know if it’s good on your end also.

    Cheers!
    Nikko

    December 3, 2016 at 12:21 am #719940
    bulewold

    thank you!

    December 3, 2016 at 1:15 am #719974
    Nikko

    Hi!

    Glad we could help :)

    Best regards,
    Nikko

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.