Classic pricing table columns on mobile

[logoglo]

Hi guys, see here: https://www.speed-raptor.com/

I would like the pricing table, at the 979px and down break point to be in one column, instead of 2, then 1 as it is now:

ie in one column as per the 767px and down breakpoint:

Thanks.

[ruenel]

Hello @logoglo,

Thanks for writing in!

By default, the classic pricing columns is using this CSS styling to display two columns when the screen size is smaller than 980 pixels:

@media (max-width: 979px)
  .x-pricing-table[class*=-column] .x-pricing-column {
    width: 50%;
  }
} 

You may need to modify the default CSS code above and change the width to 100%. Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Note: We are unable to provide support for customizations under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

Best Regards.

[logoglo]

Thanks, at first the code didnt work, but then I saw it was missing a {

Code should be:

@media (max-width: 978.98px) {
.x-pricing-table[class*=-column] .x-pricing-column {
    width: 100%;
}
  }

Working perfectly, thanks for your help

[prakash_s]

Hello @logoglo,

Glad that we were able to help you.

Thanks