Return to previous page

Mobile Version Table Adaptment / Not showed

This topic has 8 replies, 3 voices, and was last updated 8 years, 6 months ago ago by Eva Kemp

Webacto

Participant

June 3, 2016 at 16:21

Hello,

please have a look at the Price section (and table) in my website in mobile version:
http://www.schools-ceilidh.com/

For responisve matters, every column is displayed below the following and the meaning of the content will lost sense. I need to arrange the mobile layout version.

A. Is it possible, that the 4 columns are displayed in a same mobile column?

B. Alternativly, how do not show the Price Section ( and the related table) on mobile version? And only could read this text “Have a look at our price section from your computer”?

Could me tip the best solution?

Thanks

How can I do it?

Please, contact administrator
for this information.

#128356 Copied

7 Answers

Jack Richardson

Support staff

June 3, 2016 at 17:50

Hello,

Do you want to show prices columns in one row on mobile?

Best regards,
Jack Richardson.

#128368 Copied

Webacto

Participant

June 4, 2016 at 08:15

oh yeah, but only in mobile version, it’s possible?

Waiting for your support,
thanks in advance

Please, contact administrator
for this information.

#128398 Copied

Eva Kemp

Support staff

June 4, 2016 at 09:19

Hello,

I’ve set custom column width for each column in VC editor (just for mobile):
http://storage3.static.itmages.com/i/16/0604/h_1465028293_8134195_f672506730.jpeg

Please check Price columns now.

Regards,
Eva Kemp.

#128412 Copied

Webacto

Participant

June 4, 2016 at 09:50

Please have a look at the design result.ç
http://www.schools-ceilidh.com/wp-content/uploads/2016/06/Price-Responsive-Column.png

Only the 4 colunm boxes are responsive resized, but no their content and looks really strange.

How to realize that all the column content (alla the text) in mobile version was opportuned, responsing resized?

Waiting for you assistance,

thanks

#128417 Copied
Eva Kemp

Support staff

June 4, 2016 at 10:11
Hello,

Please also use this code in Theme Options > Custom CSS > Custom CSS for mobile:
```
.ult_pricing_table .ult_pricing_heading h3, .ult_price_features p {
    font-size: 13px !important;
}
```
Regards,
Eva Kemp.
#128420 Copied
Webacto

Participant

June 4, 2016 at 11:12

Cool!

Thank you!

#128432 Copied

Eva Kemp

Support staff

June 4, 2016 at 12:18

Hello,

You’re welcome.

Regards,
Eva Kemp.

#128439 Copied
Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Mobile Version Table Adaptment / Not showed’' has been successfully resolved, and the topic is now closed for further responses

Mobile Version Table Adaptment / Not showed

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection