Hide home page sections on mobile

Store Design
,
1

Dear expert community,

I would like to find a way to hide the gift card section on my home page when people are visiting the website on Mobile : www.joyamada.com

I have looked into posted topics without finding my way around - would you know how to fix this ?

many thanks ahead !

Vanina

1 Like
2

@VSom Hi

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

1 Like
3

Hello @VSom

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (max-width:767px){ section#shopify-section-template--14720616595505__featured_product_4GeqLW { display: none !important; } }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

1 Like
4

Hello,

Go To Online store then chose edit code open your theme.css file and paste the following code at the end and save.

@media only screen and (max-width: 768px) {

#shopify-section-template–14720616595505__featured_product_4GeqLW {display: none;}

}

1 Like
5

Hello @VSom ! Please follow these steps to add this CSS code:

  1. Go to your Online Store
  2. Click on “Themes”
  3. Select “Edit code”
  4. Open your section file. If you have a custom CSS file, open that instead.
  5. If you can’t find your custom CSS file, open base.css" OR “theme.css”.
  6. Add the following code at the end of the file.
@media screen and (min-width: 768px) {
	section.shopify-section.shopify-section--up-featured-product-with-bg {
		display: none;
	}
}

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

1 Like