Remove text boxes from mobile view but keep on desktop view

Store Design
1

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

2

Hello @samr66 ,

Can you please share your store URL?

Thanks!

3

yes, it is - thescentedmeltshop.com

4

@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 tag
@media screen and (max-width: 989px) {
    .multicolumn .page-width {
        padding-left: 0;
        padding-right: 0;
        display: none;
    }
}
5

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

6

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

7

Please try this code

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

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!

9

Hello, i’ve removed the password now.

10

Ok thanks, I have sent you an email.

11

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

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