Tagged: , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 1, 2014 at 2:52 am #245824
    chartier

    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 10 years, 8 months ago by chartier. Reason: Wanted to specify viewing examples on iPhone
    April 2, 2014 at 9:30 am #246427
    Dude

    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

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