How to hide 'Content Area' when on smaller screens?

[AK49_Logan_907]

Hi,

I’m using a plugin for columns/ rows to show services to our customers. On the mobile version if gets really compressed and messed up.

I know you guys can’t offer support for the plugin and I’ve tried messing with their ‘responsive’ features yet it never works on mobile so far.

My idea, for now, is to just hide the detailed columns/ rows for mobile screens.

I had this CSS: but I don’t think this will work. I must be missing a slight modification to hide that element.

@media (max-width: 767px) {
.custom-button {
width: 100%;
margin-left: auto;
margin-right: auto;

Any help is appreciated, thank you!

[lely]

Hi @AK49_Logan_907,

To hide ROWS/COLUMNS on mobile device, please inspect ROWS or COLUMNS then go to Customize Tab > HIDE DURING BREAKPOINTS> Select mobile icon

Hope this helps.