Make the pricing table responsive with Purity III template

  • madincit
  • Topic Author
  • Offline
  • New Member
  • New Member
More
7 years 3 months ago #109210 by madincit
Hello,

Here is the way I have solved my probleme.

Add the following custom code in the "Custom code" section (After <head>) :

<style type="text/css">
@media handheld, only screen and (max-width:600px) {
div [class*="span"] { float:none; }
}

div [class*="span"] {
display:inline;
}
</style>

Best regards
Michèle

Please Log in or Create an account to join the conversation.

  • Tuan Pham Ngoc
  • Away
  • Administrator
  • Administrator
More
7 years 3 months ago #109218 by Tuan Pham Ngoc
Hi Michèle

Thanks for sharing. Maybe it would be better if you add it to Custom CSS code of Membership Pro instead. Go to Membership Pro -> Configuration, look at Custom CSS tab and put the custom css there and save it

Doing that will make sure that custom css code will only be loaded on Membership Pro page instead of loading on all pages on your site

Tuan

Please Log in or Create an account to join the conversation.

  • madincit
  • Topic Author
  • Offline
  • New Member
  • New Member
More
7 years 3 months ago #109233 by madincit
Hi Tuan,

Thanks for your advice.
It is done !

Have a good day

Michèle

Please Log in or Create an account to join the conversation.

  • Tuan Pham Ngoc
  • Away
  • Administrator
  • Administrator
More
7 years 3 months ago #109264 by Tuan Pham Ngoc
Great :).

Please Log in or Create an account to join the conversation.