Remove a block in the adaptive version of the store

Maria2301
Tourist
21 0 3

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

Replies 13 (13)

Liqiud_xPert_SJ
Shopify Partner
730 93 115

@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

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
Maria2301
Tourist
21 0 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_101912_557.jpg

IMG_20240325_101916_856.jpg

Liqiud_xPert_SJ
Shopify Partner
730 93 115

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;
}
}

 

 

 

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
Maria2301
Tourist
21 0 3

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. 

Liqiud_xPert_SJ
Shopify Partner
730 93 115

yes this can be done too

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
Maria2301
Tourist
21 0 3

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?

Liqiud_xPert_SJ
Shopify Partner
730 93 115

@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

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
Maria2301
Tourist
21 0 3

thank you very much!!

Liqiud_xPert_SJ
Shopify Partner
730 93 115

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

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

PageFly-Amelia
Trailblazer
150 49 58

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?

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

Maria2301
Tourist
21 0 3

thanks for your response!

 

can you provide information with screenshots?

PageFly-Amelia
Trailblazer
150 49 58

Hello @Maria2301 

 

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

Dan-From-Ryviu
Shopify Partner
7532 1454 1450

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?

- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now