Return to previous page

Setting different version of a section for mobile

This topic has 4 replies, 3 voices, and was last updated 7 years, 6 months ago ago by Robert Hall

  • Avatar: myVapeshop
    myVapeshop
    Participant
    September 28, 2016 at 16:08

    Hi there,
    is it possible to set different version of a section in page for a mobile?
    thanx

    #140985 Copied Theme version: 2.8 WooCommerce version: 2.6.4
    3 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    September 28, 2016 at 16:25

    Hello,

    Could you please clarify with more details? Specify what exactly you want to change.

    Regards,
    Eva Kemp.

    #140986 Copied
    Avatar: myVapeshop
    myVapeshop
    Participant
    September 28, 2016 at 21:14

    HI,
    for instance at the home page, at the 3rd row
    it appears not so good in mobile in cimparison to desktop. Since the background image is not showing well.
    So I need to check if this row can be invisible on mobile so that I can create a new one that will be visible only for mobiles.
    Thanx

    #141023 Copied
    Avatar: Robert Hall
    Robert Hall
    Support staff
    September 29, 2016 at 07:45

    Hello,

    Do you mean this row? http://prntscr.com/cnncbm
    You can add the following code in Theme Options->Custom CSS->Custom CSS for mobile

    .vc_custom_1475071602047 {
    display: none !important;
}

    Also you can add an extra class for each row that should be hidden – http://prntscr.com/cnncon
    For example try to add a makeInvisibleclass there. Then use this code in Theme Options->Custom CSS->Custom CSS for mobile.

    .makeInvisible{
display: none !important;
}

    Regards,
    Robert Hall

    #141042 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Books Store – WordPress WooCommerce Theme
lazy-placeholder
Watches Store – WooCommerce Theme
lazy-placeholder
Web Agency – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress WooCommerce Theme
lazy-placeholder
Gym Store – WordPress WooCommerce Theme
lazy-placeholder
Animals Store – WooCommerce Theme
lazy-placeholder
Onepage Store – WooCommerce Theme
lazy-placeholder
Babyland 01 – WordPress WooCommerce Theme
lazy-placeholder
Language Courses – 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.