[anzezalaParticipant]

Hello,
I would like to disable my contact form on mobile devices because i can’t resize it. I would like that it is responsive like my text but if i cant i would like to just dissapear on mobile, but i can’t find the shortcode to do that.

One more question(it somehow applys to this) I would also like my accordion to be responsive but i am also strugling, so i would disable it on mobile if it can’t be responsive.

My website is: http://houseofnaturalgoodszala.com/

Thanks for your help in advance your great. 🙂

[RupokMember]

Hi there,

Thanks for writing in!You can use the Content Hiding feature. Let’s select the Section/Row and check any device to hide – http://prntscr.com/9a4ibh

(If Mobile icon is checked then the content will be hidden for mobile devices)

Hope this helps.

Cheers!

[anzezalaParticipant]

I know that but what if i just want one column gone. I dont whant my whole section to be gone. I want the text beside the contact form, but i dont want the contact form on mobile devices.

[RupokMember]

Hi there,

Thanks for writing back. If you place the Contact Form in a separate Row then you can use this feature.

However as you are using two columns within a single ROW so you can use CSS to hide this, then you can add this under Custom > CSS in the Customizer.

@media only screen and (max-width: 767px) {

#x-content-band-5 .wpcf7 {
  display: none;
}

}

It would be better approach if you use a custom class for the column (i.e. contact-form-container) that contains Contact Form and update the CSS like this :

@media only screen and (max-width: 767px) {
.contact-form-container {
  display: none;
}
}

(You can use the Class field to place the class for the column)

Hope this helps.

Cheers!

[Author]

Posts