Change homepage gallery on mobile view only?

Hello, hoping I can find out if there is a way to have two different galleries for the homepage. One for Desktop view and one for Mobile view? Specifically changing which photos are cycled through on each. Thanks!

www.lillytaylorinteriors.com

10 hours ago, notnothing said:

Hello, hoping I can find out if there is a way to have two different galleries for the homepage. One for Desktop view and one for Mobile view? Specifically changing which photos are cycled through on each. Thanks!

www.lillytaylorinteriors.com

You can create 2 slideshow sections and we can use css to either hide on of them based on screen size

Thank you so much! 

11 hours ago, Beyondspace said:

1. Hide Section A on Mobile (Show by default on Desktop)

/* Hide Section A on Mobile */
@media only screen and (max-width: 767px) {
    [section-a] {
        display: none;
    }
}

 

2. Hide Section B on Desktop (Show by default on Mobile)

/* Hide Section B on Desktop */
@media only screen and (min-width: 768px) {
    [section-b] {
        display: none;
    }
}

This setup ensures that:

• SectionA is hidden on mobile but visible on desktop.
• SectionB is hidden on desktop but visible on mobile.

Replace [section-b] or [section-a] by inspecting the section identifier using this Chrome plugin

Thank you so much! I will create another gallery and add these codes! @Beyondspace