How can I hide multirow sections on mobile in the Dawn theme?

Shopify Discussion
1

Hi everyone. I am currently developing a page on Dawn theme and i would like to hide some sections on the mobile version only. Due to the sections being very wordy, we are wanting to remove the multi row for the mobile. Can anyone help with this? I can provide more info if that is needed but hoping it is a fairly easy fix with some coding?

2

Can you share the store URL and confirm which section you want to hide for Mobile?
I will provide the CSS Media query code to hide section in mobile only.

3

Indelity Golf · Customize Dawn · Shopify

We want to hide all the multi rows for the mobile section. There are 4 rows in total which we would like hiding on mobile only :slightly_smiling_face: Anything else you need let me know

4

Hi
Add this CSS code under Custom CSS setting of MultiRow. please check screenshot link for reference https://prnt.sc/7YicpKHcAW8x

@media only screen and (max-width: 600px) {
  .multirow {
    display: none;
  }
}
1 Like