Re: Hidden The Section In Desktop

Solved

Hidden The Section In Desktop

beaknhtn
Tourist
10 0 5

Hi I have a section on the home page that has only one big picture (one I paste below) how can I hide it completely in tdesktop and only leave it in mobile. thank you

Accepted Solution (1)
PageFly-Amelia
Shopify Partner
626 165 238

This is an accepted solution.

Hello @beaknhtn 

 

You may try the following steps:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css

Step 3: Add code

@media (min-width: 767px){
#Banner-template--18448488431883__image_banner_Vm3g8D {
    display:none !important;
}

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


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


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

View solution in original post

Replies 5 (5)

PageFly-Amelia
Shopify Partner
626 165 238

Hello @beaknhtn 

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

 

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

 

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


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


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

beaknhtn
Tourist
10 0 5

Thank you for helping

Pass: biangu

Url: www.matibrnd.com

PageFly-Amelia
Shopify Partner
626 165 238

Hello @beaknhtn 

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css

Step 3: Add code

@media (min-width: 767px){
#Banner-template--18448488431883__image_banner_Vm3g8D {
    display:none;
}
}

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

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


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


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

beaknhtn
Tourist
10 0 5

Thank you, but it not working

PageFly-Amelia
Shopify Partner
626 165 238

This is an accepted solution.

Hello @beaknhtn 

 

You may try the following steps:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css

Step 3: Add code

@media (min-width: 767px){
#Banner-template--18448488431883__image_banner_Vm3g8D {
    display:none !important;
}

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


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


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