Parallax posts

Posted in: Newspaper
Post count: 6

Hi,
I love the render of parallax feature image posts, it works well on desktop screen, tablet, laptop, anyway it seems not to be working very well on smartphones (the image is cut at some point instead of fully resized).

I use very large image, I tested with 1920 x 1080 images, and I’m quite disapointed because it’s the layout I prefer for posts, but if it does not resize completely on smartphones I can’t use it.

Is there a way to fix it ? or at least to change the post layout when using a smartphone ?

thank you

Post count: 6600

Hi,

Can you please send an URL so I can inspect this? I have tried to recreate this but haven’t found an issue like that, you can check our demo: http://demo.tagdiv.com/newspaper/how-to-make-people-love-you/ resize the window to mobile screen width and notice that the image it’s resized well or you can open it on mobile screen, same result: the image looks good: http://screencast.com/t/EdVmVgIR
This may happen due to some plugin and from CDN plugins especially, please disable all plugins, including CDN if you use any and empty server cache then try uploading the feature image and setting it back then check again.
Hope this helps!

Thanks

Post count: 6

Hi,
thank you for the reply but I manage to correct the problem myself. (But I see another reclamation for bad resizement on smartphones with fullscreen featured image so I’ll explain what i did.)
I think there is a lack of @media style info for smartphones when you use parralax post featured image in a boxed website (with background)

here is what I did to correct the cutting of the parallax featured image on smartphones, I don’t know if it’s the best we can do but it worked, I’ve added that to the CSS :

@media (min-width: 200px) and (max-width: 767px) {
  .td-boxed-layout .td-big-slide-background {
    width: 100%;
  }
}
Post count: 6600

Hi,

Glad you have managed to solve it.
Thanks for sharing!

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.