How to make it responsive?

  • syedmuksit

    (@syedmuksit)


    6 years, 7 months ago

    Hi Iulia,

    First of all, thank you for creating this wonderful plugin.

    My site https://lifebeyondnumbers.com/ is fully responsive. But somehow this plugin is not responding to it. If you visit my homepage on mobile or any other device, you will see how it is rendering.

    Can you please help me with the code to make it responsive?

    Looking forward…

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Iulia Cazan

    (@iulia-cazan)

    6 years, 6 months ago

    Hello,

    Yes, I will take a look and see how you are using in your site. At a first glance at the code, your images do not have the same width and height, and that is complicating things, as the images need to be wrapped in another element in the markup.

    For now, I can suggest a simple solution for this to see if this helpl, maybe you can try to configure the shortcode to use the thumbnail of the images instead of the full size (it is also better for the page load), and probably your images are cut to the same proportion and sizes. Then, add in the customizer some lines of CSS, to see if this fixes the scaling of images for a lower resolution: 

    
.latest-post-selection article img {
	height: auto;
}

.latest-post-selection.three-columns article {
	height: 282px;
}

    Let me know how it goes.

    • This reply was modified 6 years, 6 months ago by Iulia Cazan.
    • This reply was modified 6 years, 6 months ago by Iulia Cazan.
Viewing 1 replies (of 1 total)
  • The topic ‘How to make it responsive?’ is closed to new replies.