Hi is it possible to have a slideshow gallery on my mobile site but keep a different gallery on my desktop site?

Site URL: http://www.luminarymagazine.com.au

Hi is it possible to have a slideshow gallery on my mobile site but keep a different gallery on my desktop site?

Yes. Possible. You can add 2 Slideshow, then we can use code to show 1 on desktop, show another on mobile

You can add them first, then setup site access password, we can help easier (Your site is private now)

Thank you so much. It is now public. Is it possible to only have the slideshow on the mobile site and not on the desktop. I would like to have a different gallery layout on the desktop site? 

Thank you in advance.

Tash

2 minutes ago, Tashyo said:

Thank you so much. It is now public. Is it possible to only have the slideshow on the mobile site and not on the desktop. I would like to have a different gallery layout on the desktop site? 

Thank you in advance.

Tash

I don't see Slideshow on homepage?

Oh no its not on the home page. It is in each person's page. If you look at the page on Mina Staples for example (click- Read More). Thank you for helping me. 

TO hide that slideshow on desktop, edit Mina Staples Page > Add a Code Block at bottom of page > Paste this code

<style>
  @media screen and (min-width:768px) {
  .gallery-reel {
    display: none;
}
  }
</style>

Thanks Tuanphan.  Can I also hide a block of images on the mobile site? Is there a code for that?

Thank you for your help.

Can I also ask please another question. On my mobile site my header images are being shown cropped. Is there a way to show the whole image please?  See example below. 

On 7/13/2022 at 7:47 AM, Tashyo said:

Thanks Tuanphan.  Can I also hide a block of images on the mobile site? Is there a code for that?

Thank you for your help.

Which images are you referring to?

On 7/13/2022 at 8:03 AM, Tashyo said:

Can I also ask please another question. On my mobile site my header images are being shown cropped. Is there a way to show the whole image please?  See example below. 

Add to Design > Custom CSS

/* resize images */
@media screen and (max-width:767px) {
[data-section-id="6270f4450d54867f5bd1ba59"] {
    min-height: unset !important;
}
[data-section-id="6270f4450d54867f5bd1ba59"] {
    min-height: unset !important;
    height: 30vh;
}
}

With image 2, which page are you referring to?

Hi the Mina Staples Page thank you.

Cheers,

Tash

I would like to apply the same for each of my pages.  Could I use that same code. I tried and it didn't seem to work? 

18 hours ago, tuanphan said:

Which images are you referring to?

Add to Design > Custom CSS

/* resize images */
@media screen and (max-width:767px) {
[data-section-id="6270f4450d54867f5bd1ba59"] {
    min-height: unset !important;
}
[data-section-id="6270f4450d54867f5bd1ba59"] {
    min-height: unset !important;
    height: 30vh;
}
}

With image 2, which page are you referring to?

Updated with new code

Do similar for other pages. Use this free tool to find data section id. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

Hi Tuanphan, I'm referring to every page of my website, they all have a landscape pic across the top, I would like the image to also be landscape on my mobile site, not portrait and cropped. 

I tried this code you supplied but it hasn't worked.

/* resize images */
@media screen and (max-width:767px) {
[data-section-id="6270f4450d54867f5bd1ba59"] {
    min-height: unset !important;
}
[data-section-id="6270f4450d54867f5bd1ba59"] {
    min-height: unset !important;
    height: 30vh;
}
}

On 7/17/2022 at 5:46 AM, Tashyo said:

Hi Tuanphan, I'm referring to every page of my website, they all have a landscape pic across the top, I would like the image to also be landscape on my mobile site, not portrait and cropped. 

I tried this code you supplied but it hasn't worked.

/* resize images */
@media screen and (max-width:767px) {
[data-section-id="6270f4450d54867f5bd1ba59"] {
    min-height: unset !important;
}
[data-section-id="6270f4450d54867f5bd1ba59"] {
    min-height: unset !important;
    height: 30vh;
}
}

 

Can you share link to some pages? I will try checking the rule