Hide 5 text boxes from mobile view but keep on desktop

[samr66]

Hi, 

I am using the Dawn theme (15.3.0) and i have 5 text boxes that I want to hide from being shown on mobile view (image attached) but keep on desktop. 

I had a code but it's no-longer working, can anyone help me with hiding these again?

url - thescentedmeltshop.com and password - shop90

Thanks,

Sam

[Betterave-Nina · Accepted solution]

Hi @samr66.

Here's how to hide the section on mobile.

1: Go to Online Store -> Theme -> Edit code
2: Search file base.css
3: Add the following code to the bottom of the file -> Save

@media screen and (max-width: 749px) {
	#shopify-section-template--18483986890918__multicolumn_GyxMR7 {
		display: none;
	}
}

If done correctly, the result should be:

If you don't want to add the code to theme files directly, you can use a code injection app like the one in my signature.

I hope this helps!

[samr66]

thank you this as worked!

[Betterave-Nina]

Anytime! Glad I could help!

[Dan-From-Ryviu]

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

@media (max-width: 749px) {
.multicolumn { diplay: none !important; }
}

[Mustafa_Ali]

<style>
@media screen and (max-width: 767px) {
slider-component.slider-mobile-gutter {
    display: none !important;
}
.page-width.section-template--18483986890918__multicolumn_GyxMR7-padding.isolate {
    display: none !important;
}
}
</style>

hey @samr66 dear follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the </body> ----->
before the body ----->
if this code work please do not forget to like and mark it solution

[Denishamakwana]

Please add below css code at the bottom of base.css file

@media screen and (max-width: 749px) {
.multicolumn.color-scheme-1.gradient.background-primary.no-heading .page-width.section-template--18483986890918__multicolumn_GyxMR7-padding.isolate

     {
      display: none;
    }
}

Thank you.