Return to previous page

Mobile Version Table Adaptment / Not showed

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

  • Avatar: Webacto
    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
    Avatar: Jack Richardson
    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
    Avatar: Webacto
    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
    Avatar: Eva
    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
    Avatar: Webacto
    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
    Avatar: Eva
    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
    Avatar: Webacto
    Webacto
    Participant
    June 4, 2016 at 11:12

    Cool!

    Thank you!

    #128432 Copied
    Avatar: Eva
    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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Sneakers Store – WordPress WooCommerce Theme
lazy-placeholder
Pizza Store – WordPress WooCommerce Theme
lazy-placeholder
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
Finances – WordPress WooCommerce Theme
lazy-placeholder
Ecotransport Store – WordPress WooCommerce Theme
lazy-placeholder
Games Dark – WordPress WooCommerce Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Landing Watch – WordPress WooCommerce Theme
lazy-placeholder
Sushi Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.