Joomla Templates Club 406,261 posts

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#191780

Hi there,

I have a problem when I try to make a 3 column pricing table.

I use the demo code and remove the featured column and I set the html of the table to <div class=”col-wrap three-cols”>
instead of the default <div class=”col-wrap four-cols”>

When I use 3 columns and resize my browser to mobile size the table shrinks but shows all 3 in a row, instead of one on top of each other like the standard 4 column. Have a look at pics below,

How can I make it so that the 3 column table will move on-top like second image?

---

Attachments:

1. 
2. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#510482

Hi gringo211985,

If possible, you can put your website’s url here or send me PM ? I will check it on mobile view and suggest suitable css tricks.

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#510780

PM now sent, will post the results for other members to see.

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#510831

Hi Richard,

You can put below css styles override into the end of templates/ja_brisk/css/custom.css file:

@media (max-width: 767px) {
.pricing-table .three-cols .col {
width: 100%;
}
}

1 user says Thank You to phong nam for this useful post

1. gringo211985

[Author]

Posts