Remove text boxes from mobile view but keep on desktop view

[samr66]

Hi, 

I am using the Dawn theme (latest vision) and wondered if anyone as a solution or code for the below:

I have 5 text boxes shown on my homepage and I would like to remove them from mobile view but keep them displayed on desktop view, is this possible?

I have attached pdf first image is desktop second is mobile views.

Many thanks,

sam

[topnewyork]

Hello @samr66 ,

Can you please share your store URL?

Thanks!

[samr66]

yes, it is - thescentedmeltshop.com

[topnewyork]

@samr66 ,

Try this code
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag

@media screen and (max-width: 989px) {
    .multicolumn .page-width {
        padding-left: 0;
        padding-right: 0;
        display: none;
    }
}

[samr66]

Thank you for getting back to me, I have added the code but it won't remove the boxes from mobile view. 

[topnewyork]

Can you send me a screenshot showing which text boxes you want to remove? Because there are two sections with text boxes on the homepage

[topnewyork]

Please try this code

@media screen and (max-width: 749px) {
    slider-component.slider-mobile-gutter {
    display: none !important;
    
}
}

[samr66]

Hi, I've just tried the new code and its displaying an error code in the footer. Please see attached sorry if i'm not making sense, appreciate your help!

[samr66]

Hello, i've removed the password now.

[samr66]

Ok thanks, I have sent you an email.

[Dan-From-Ryviu]

You can do that by adding this code to Custom CSS of that section

@media (max-width: 749px) {
slider-component { display: none; }
}