Desktop Version different to Mobile Version

Dear All

I don't know if this has been discussed before, I didn't find anything.

My question is rather simple... How can I adjust the mobile version of my website to look differently to my desktop layout?

eg. I want to exclude some images on my mobile site to reduce scrolling.

Thank you and cheers

Laura

To hide images on mobile, you will need to use code. If you share link to page & let me know which images you want to hide on mobile, we can give exact code

@Laura_Dopamo Unfortunately, it's not possible to "REMOVE" elements from your mobile layout on Squarespace 7.1 (fluid engine). You can, however, reduce the image size on mobile. For example, if you want to reduce scrolling, you can minimize the image block container size on mobile...and it won't affect how your site appears on desktop. 

On 9/7/2023 at 6:04 AM, tuanphan said:

To hide images on mobile, you will need to use code. If you share link to page & let me know which images you want to hide on mobile, we can give exact code

Hi, I do have the same request - could you help me with the code as well? It is about my website https://spektivraum.de/mein-angebot, and in especially in the lower part... 

Thank you very much in advance!

On 9/10/2023 at 8:30 PM, Melli said:

Hi, I do have the same request - could you help me with the code as well? It is about my website https://spektivraum.de/mein-angebot, and in especially in the lower part... 

Thank you very much in advance!

Which section you want to hide on mobile? I see a lot of elements in the lower part

On 9/12/2023 at 11:25 AM, tuanphan said:

Which section you want to hide on mobile? I see a lot of elements in the lower part

I do have three blocks on https://spektivraum.de/mein-angebot using an accordion per block that are accompanied by an image on the left side and an image on the right side of it at the desktop version. In the mobile version this leads to two images at the edge of first and second and two images at the edge of second and third block.

Same situation is the at the edge of the block with headline "Methoden" which has two images on the right at desktop which ends up in three images in a (vertical) row - the two of the "Methoden" block and the left one of the first block I use the accordion ("Einzel-Coaching").

17 hours ago, Melli said:

I do have three blocks on https://spektivraum.de/mein-angebot using an accordion per block that are accompanied by an image on the left side and an image on the right side of it at the desktop version. In the mobile version this leads to two images at the edge of first and second and two images at the edge of second and third block.

Same situation is the at the edge of the block with headline "Methoden" which has two images on the right at desktop which ends up in three images in a (vertical) row - the two of the "Methoden" block and the left one of the first block I use the accordion ("Einzel-Coaching").

So on mobile you want to hide these images?

Partly - I would like to hide the one marked in my screenshots. 

Thanks a lot for your support!!

Just wanted to give a short update: I figured out how to do it (using block ids and hide those via CSS for specific screen sizes). Thanks for your support!

17 hours ago, Melli said:

Just wanted to give a short update: I figured out how to do it (using block ids and hide those via CSS for specific screen sizes). Thanks for your support!

You're welcome (Checked code last week but forgot to send the code)