Tagged: , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #245824

    I’m having trouble with Enfold on iPhone, as the blog post layout gets squished quite heavily if featured image is set. I’ve checked my plugins and I’m not running any mobile layout enhancements. I am running Jetpack with a few features though, including its gallery enhancement (but none of my linked posts below are using the Gallery post type).

    Examples (view on iPhone in portrait): this post has a featured image set, so the blog post text gets squished so far to the right that only a word or two fits on each line:

    http://davidchartier.com/introducing-finer-things-in-tech-newsletters/

    But this post, with no featured image (but a gallery at the bottom, FWIW), displays ok:

    http://davidchartier.com/macro-images-from-my-ipro-lens-kit/

    Any idea what could be going on?

    • This topic was modified 9 years, 11 months ago by chartier. Reason: Wanted to specify viewing examples on iPhone
    #246427

    Hi chartier!

    You can try to use a media query to hide the featured image for iphone users. By default Enfold will hide it for screens smaller than 768px (width) but iphones with retina displays, etc. maybe require a higher screen size value. Try to insert this code into the quick css field:

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

    and try to replace 767px with a value like 900px or 1024px – it depends on the screen resolution of your iphone.

    Regards,
    Peter

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