On table portrait for 3 margin less columns to stack

[MulderDSM]

On a portrait tablet view my 3 marginless no container columns get too skinny. I’d like to force them into mobile view where they stack if being viewed on tablet portrait orientation.

[thai]

Hi There,

To achieve that, please add this custom CSS under Theme Options > CSS:

@media (max-width: 979px){
    .my-row .x-column {
        width: 100% !important;
        display: block !important;
    }
}

If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.

I recommend you to watch following video that will help you to get started with CSS.

https://www.youtube.com/watch?v=MFR4WXiLzpc

Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Thanks.

[MulderDSM]

Perfect! Thanks so much!!

[nabeel]

Glad we could help.

Cheers!