Remove a block in the adaptive version of the store

Store Design
, , , , , ,
1

Hello! Need help setting up the adaptive version.

How to remove the block with categories in the adaptive version, but so that it remains on the computer version? Theme Econmus

2

@Maria2301

can you please more specify the issue with a screenshot or with the store url so that i can look into it and give you exact solution.

thanks

3

The theme has such a block with categories, it needs to be removed in the adaptive version of the store, but so that it remains on the computer version. When I remove it on the mobile version, it disappears on the computer version as well. It is necessary that this block with categories be on the computer, but not on the mobile phone.

IMG_20240325_101842_072.jpg
IMG_20240325_101842_072.jpg576×454 21.4 KB

IMG_20240325_101912_557.jpg
IMG_20240325_101912_557.jpg576×263 11.1 KB

IMG_20240325_101916_856.jpg
IMG_20240325_101916_856.jpg1280×263 20.5 KB

4

Hello @Maria2301

This is Amelia at PageFly - Shopify Advanced Page Builder app.

Could you provide me with the URL so I can check and fix it for you?

5

thanks for your response!

can you provide information with screenshots?

6

Hi @Maria2301

Dan here from Ryviu: Product reviews & QA app.

Could you share that page URL so I can provide the code to do that?

7

Hello @Maria2301

Could you please share the URL link of your page so that I can assist you in fixing the measurement issue?

8

please add below code into your theme.css file and save

Instructions: In your Shopify Admin, go to Online Store > Themes > Edit Code > Assets > theme.css

@media screen and (max-width: 767px) {
body.hdt-page-type-index .hdt-slider.hdt-categories_container {
	display: none !important;
}
}
9

Thank you! I’ll definitely try it!

I have another question: is it possible to place these categories in the center on the mobile version? because there is no such setting in block editing.

10

yes this can be done too

11

Is it also necessary to do it through edit code or can it be done through custom css of this block in store edit? And can you send me this code please?

12

@Maria2301

add this code

For Desktop 
body.hdt-page-type-index .hdt-categories_container {
	margin: 0px auto !important;
}
For Mobile
@media screen and (max-width: 767px) {
body.hdt-page-type-index .hdt-categories_container {
	margin: 0px auto !important;
}
}

thanks

13

thank you very much!!

1 Like
14

No problem feel free to get in touch if you need any help.