Return to previous page

Disable Row on Mobile - by Lil Redhead Studio

This topic has 5 replies, 2 voices, and was last updated 8 years, 3 months ago ago by Olga Barlow

Lil Redhead Studio

Participant

November 11, 2016 at 18:37

Hi everyone,

On most of the versions of Visual Compose that I work with, there is an option in the row settings to dictate on which size screens each row would be visible (or not). I noticed that this is not an option on xStore.

I am trying to disable certain rows on mobile devices. I tried giving it a row id, and I also tried giving it a class name. In the CSS settings, I tried to use the ‘display: none’ to hide this row in the mobile CSS section, but its not working.

Can you please advise me on how to disable rows on mobile devices (and leave enabled on desktop).

Thanks

#145640 Copied Theme version: 2.6

4 Answers

Lil Redhead Studio

Participant

November 12, 2016 at 12:34

An update.

I worked on this some more, and it seems that if you put CSS in the “Custom CSS for mobile” and “Custom CSS for mobile landscape” section, it works over 480px, but not under. Im not sure if I’m doing something wrong.

So, I just used @media and put the rule in the General CSS section and it worked…

#145662 Copied

Olga Barlow

Participant

November 15, 2016 at 09:07

Hello,

Option that you are talking about is located in column settings http://prntscr.com/d7ggcv not in row settings.
This is default Visual Composer option and we did not change anything.

You want to add the custom code for the mobile devices use both “Custom CSS for mobile” and “Custom CSS for mobile landscape”. Also, you may add the code in Global Custom CSS but don’t forget about media queries http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Regards

#145829 Copied

Lil Redhead Studio

Participant

November 15, 2016 at 11:41

Gotcha! I think the theme I work with the most has modified the VC so the settings are in a different place.

Thanks for the clarification!

#145870 Copied

Olga Barlow

Participant

November 16, 2016 at 08:59

Hello,

No, we did not modify such default settings to avoid compatibility problems.

Regards

#145967 Copied
Tagged: disable row, mobile, responsive design, seo friendly, themes, woocommerce, wordpress
Viewing 5 results - 1 through 5 (of 5 total)