Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

Okay
  Public Ticket #1229788
Hide row on mobile
Closed

Comments

  • Frank started the conversation
    July 5, 2017 at 11:28am

    How do you hide a row on mobile screens?

    I see how you can hide a column, but there is not an option under the row settings.

    I think you might be able to do it by giving the row a class name and then making it not visible for certain screen breaks in the child theme.  I have played with that, but have not gotten it to work.

    Please advise. Thanks!

  •  432
    Sergio replied
    July 5, 2017 at 2:32pm

    HI,

    pls. check the video tutorials 

    https://vc.wpbakery.com/video-academy/responsive-column-control-width-offset-param-usage-explained/

    https://vc.wpbakery.com/video-academy/control-elements-different-devices-responsive-column-controls/

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  • Frank replied
    July 5, 2017 at 3:08pm

    The two videos you linked to show how to change the visibility of COLUMNS.  I already know how to do this, my question is about ROWS.

    On my website, I desire that the first row has one background on full screen, and the first row has a different background on a mobile device.

    I was trying to accomplish this by having two rows.  One row would be hidden on mobile, and the other row would be hidden on all other screen sizes.

    The questions is how to hide rows with background images.

    Thanks!

  •  432
    Sergio replied
    July 6, 2017 at 7:48am

    HI,

    1) Create 2 ROW with a certain class (screen 1113,1114)

    2) Add the following CSS (screen 1115): 

    .disable-row-desktop{
    display: none !important;
}
@media (max-width: 480px) {
    .disable-row-mobile{
        display:none !important;
    }
    .disable-row-desktop{
        display: block !important;
    }
}

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  • Frank replied
    July 6, 2017 at 8:27am

    Thanks! Works great.

  •  432
    Sergio replied
    July 6, 2017 at 8:47am

    HI, 

    Feel free to contact us if you need help. 

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.