Responsify + Avada Theme + Retina 2x

  • Hello Stefan! I had contacted you a while ago, and I was really sad that my theme was making it impossible to use your awesome plugin because it did not use Img tags

    I have since switched to a theme that does use image tags, so I have reinstalled responsify and am looking forward to implementing it.

    In regards to this, when using retina with Responsify you explain that @2x images must be added. I use a plugin called Retina 2x to generate @2x images automatically. Will this work with Responsify? And how do I know if the theme and these plugins are working in harmony?

    Is there something to look for in the devtools or Responsify Debug mode that will confirm the realationship?

    Thanks for your help!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter lifelightlens

    (@lifelightlens)

    Actually a better page to look at is https://www.lifelightlens.com/image-gallery/

    Plugin Author stefanledin

    (@stefanledin)

    Hi!
    What you need to do is to create custom image sizes with the _@2x suffix. For example, if you wanna create a retina version of thumbnail, you should create a custom image size named thumbnail_@2x. If you activate the retina setting in RWP, it will look for image sizes that follows this naming convention.
    You can read about it in the documentation
    I haven’t checked how Retina 2x works, but this is how it has to be done in order to work with RWP.

    How to check if it work as expected? Open up devtools and simulate different devices. Hover over the <img> and check the currentSrc value that pops up.

    Good luck!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Responsify + Avada Theme + Retina 2x’ is closed to new replies.

Tags