Pricing Table Plugin

Responsive table, header row touching footer row

Responsive table, header row touching footer row

Tagged: responsive

This topic has 2 replies, 2 voices, and was last updated 5 years, 11 months ago by Anonymous.

Viewing 3 posts - 1 through 3 (of 3 total)

Author
Posts
April 20, 2017 at 18:57 #13536

Anonymous
Inactive
Hi,
This i have got a setting wrong somewhere.
When I view the table (on test site at the moment) http://www.tricktolife.com/ it looks fine when the browser is full screen.
When the desktop browser is compressed or the table is viewed on mobile (viewing on android, using chrome browser if that matters) and the table is responsive, there is no gap between the footer of the first row/column and the header of the second. This looks strange as you get the ‘Sign up’ followed directly by the title of the next package
April 21, 2017 at 19:25 #13610

mila_support
Member
Hi @Reiki72
In order to add more space between columns on mobile devices, please follow the next instruction:
1. Create or open needed Pricing Table
2. Click on Edit CSS tab
3. At the end of editor add next code:
#{{table.view_id}}.ptsBlockMobile .ptsCol {
margin-top: 10px;
}
where 10px – is a distance between columns on mobile devices
4. Click Ok button
5. Save settings
Screenshot – http://prntscr.com/ez68jq
April 21, 2017 at 23:41 #13612

Anonymous
Inactive
Awesome, that works, thanks for the help
Author
Posts

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.