Reduce spacing and hide section on desktop

Store Design
1

Hello,

I would like to reduce the spacing between the rich texte section and the slideshow.

I would also like to hide the slideshow on desktop. I followed a previous post so I edited my theme but even though I can choose whether I wan to display the slideshow o desktop or on mobile, I doesn’t hide it.

On slides liquid I edited line 22 and I also ad a code from line 230 to line 250. finally I add a code on thme.css from line 7016 to line 7032.

2

@Mossiah

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

here it is

4

it is xtended.fr

5

@Mossiah

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media only screen and (min-width: 750px) {
 #shopify-section-1660986625731b9ea8 {display:none;}   
}

#shopify-section-166098713490cb8f5e {
    padding: 0;
}
6

thank you very much !

7

@Mossiah

its my pleasure to help us

8

Hello,

On mobile my website appears with the desktop. I don’t know to solve this. Please could you help me ? Here is my website link: https://www.xtended.fr/

Here is how it appears on mobile (I have asked several friends and I’m using an iphone):

IMG_4588.PNG
IMG_4588.PNG750×1334 195 KB

Best,

Mos

9

I just solved it. Thank you

10

I just solved it by uploading the initial code.