Hide 5 text boxes from mobile view but keep on desktop

Store Design
1

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

2

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:

Screenshot_1.png
Screenshot_1.png655×733 229 KB

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!

3

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

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

Mustafa_Ali_0-1750395789320.png
Mustafa_Ali_0-1750395789320.png327×524 92.8 KB

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 ----->
before the body ----->
if this code work please do not forget to like and mark it solution

5

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.

6

thank you this as worked!

7

Anytime! Glad I could help!