[Socialmarketingpymes]

Hello, I wanted to disable cryout columns on mobile phone. Another possibility would be to be able to change the photos in the cry out columns for mobile phones.
One of these solutions are posible to implement? Thanks a lot.

Website: www.anirniitguadarrama.es

[Zed]

Changing the images for mobile devices is tricky to do; hiding the entire columns area is doable with a simple block of CSS:

@media (max-width: 800px) { /* you may want to adjust the devices screen width that the hiding applies to */
   #front-columns {
       display: none;  
   }
}

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[naomi]

Hello Zed,

having the same issue, I tried using the CSS code you provided. It did not work for me. The columns stay when I minimize the browser window.

I even tried a plugin (Widget Options) to hide the column widgets in mobile mode but no success.

Kind regards,
Naomi

Website: earth-renewing.com

[Zed]

Naomi, you are not using the theme’s presentation page so that styling does not apply.
You’ve placed the theme’s columns in the footer widget area, where you can use this CSS instead:

@media (max-width: 800px) { 
   #footer-widget-area .ppcolumn {
       display: none;
   }
}

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[naomi]

Thank you very much! It works 🙂

[Author]

Posts