Resizing a pricing table for mobile

Ask the Community Customization
1

My site features a 4 column pricing chart that looks great on desktop. Does anyone know some quick CSS to confine it to mobile proportions? Right not it’s chopping it all up and putting things in random places.

2

Hello @user628 and welcome aboard the aircraft called Elfsight Community :airplane:. Please fasten your seat belts :seat: because you are going to be stormed by our friendliness and incredible support :heart_hands:.

I’ll be happy to help you! Could you please provide me with a direct link to the webpage where the widget is installed?

3

Yes, it’s Healthcare Providers — Sure Med Compliance

1 Like
4

The pricing table is towards the bottom

7

Hello @user628!

Thank you for waiting!

I am deeply sorry for the inconvenience it might have caused! Please accept my sincere apologies!

I have forwarded your request to our developers, and hopefully, they will come up with a solution very soon, I’ll keep you updated.

9

Hey @user628! Great news :fire:!

We’ve managed to fix the issue!

Please check it and let me know if you like what you see.

10

Hey guys,

What was the fix? I’m having the same issue.

Many thanks
Ryan

1 Like
11

@Virtuoso Hi Ryan, happy to welcome you on our forum! :hugs:

I see that my colleague Marina has already responded to your support ticket and provided a solution.

Just in case, I’m duplicating the CSS code she provided you with here:

.global-styles,
.eapps-pricing-table {
z-index: 1;
}

.global-styles,
.eapps-pricing-table * {
float: none !important;
}

I hope it helped you fix the issue, but if you’ve got any other questions, our community is always here for you :slight_smile: