How can I reduce my mobile footer size?

Hello

How could I reduce the size of my footer on mobile?

My footer is way too large compared to the slideshow.

Website: yohandeschamps.net

Thank you in advance

Yohan

Hi @YOYO74

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code

  1. Assets/theme.css
  2. Add code below to bottom of file
@media(max-width: 749px){
	.site-footer > .page-width > .grid > .grid__item > br { display: none;}
}

Unfortunately, it does not work but thank you

Hi @YOYO74

Did you add CSS above? I don’t see it on https://cdn.shopify.com/s/files/1/0674/7589/8671/t/22/assets/theme.css?v=143590884669667549121681944461 file.

Have double
tag here. So we need remove it

Thanks for your answer.

So I added the code, but still the same.

You talk about the double
, how I get rid of it?

Thank you

Hi @YOYO74

You only need add code above to bottom of Assets/theme.css file to hide it on mobile.

Yes, as mentioned before, it does not work.

The code is in my CSS file and is still the same.