Divi – device view limit : breaks functions

  • Resolved nixxnl

    (@nixxnl)


    6 years, 7 months ago

    First of all, great plugin you’ve created, I’m really happy with it after searching through many portfolio’s!

    I’m using Divi as my main building platform and with shortcodes I implement your gallery.

    Divi has the option with each input field to create a version for each viewing resolution (desktop – tablet – mobile) which loads the altered content for each resolution. see > http://mr3d.nl/v3/wp-content/uploads/2019/screenSize.JPG

    When I input your shortcode and alter the shortcode to show 2 column on desktop and tablet and 1 column on the mobile the gallery breaks and doesn’t show anything any more.
    broken page > http://mr3d.nl/v3/project/test/

    The only way to adjust your gallery columns (without CSS) is to place it twice in the same page and create 1 with 1 column and 1 with columns and disable this in divi per viewing resolution.
    temporary solution > http://mr3d.nl/v3/project/putoline-label-illustrations/

    is there anyway you can make this work with divi properly?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Sayontan Sinha

    (@sayontan)

    6 years, 7 months ago

    is there anyway you can make this work with divi properly?

    Short answer: no.

    Slightly longer answer: I hate Divi 🙂

    An even longer answer:
    Divi does several things wrong and woefully inefficiently. Apart from being a significant memory hog, it has a tendency to keep changing how it implements things. This would cause me to repeatedly redo my code to suit theirs. That is a slippery slope that I don’t want to get into.

    That being said, you might be able to achieve what you are looking for using Photonic directly. Bear in mind that Photonic is equipped with full responsive capabilities, and those can be set very easily. E.g. since all your images are perfect squares, you might want to consider using the Masonry layout, with a “Minimum Column Width” (Photonic → Settings → Generic Options → Layouts → Masonry Layout – Minimum Column Width). You could leave the columns=2 setting in your shortcode, and if you set the minimum column width as 1000 in the Masonry layout, then Photonic will automatically show your content in a single column on smaller devices.

    See this for a write-up of the expected behaviour.

    Thread Starter nixxnl

    (@nixxnl)

    6 years, 7 months ago

    haha, thanks for answering this on all levels 😀

    Honestly.. I’ve just started with all this, have had your plugin since today and Divi since a week.
    Divi seemed to be the most useful-code-as-little-as-possible platform I could find with a decent once-in-a-life-fee.
    If you have better suggestions with the same capabilities, I’m all ears!

    Thanks for the Masonty suggestion, this works like I expected it too (and even fixes the space between thumbnails on 2k+ screens.

    cheers!

    • This reply was modified 6 years, 7 months ago by nixxnl.
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Divi – device view limit : breaks functions’ is closed to new replies.