Hello! I have a website that features several pages using a color section with 1/3 and 2/3 columns. When it’s viewed on mobile, the 1/3 column appears above the 2/3 column, BUT the client has requested that the 2/3 column be first and 1/3 column appear below when viewing on mobile.
Is it possible to change the order only on mobile?
The page link is : http://www.kevincatesdesign.com/sleeveseal/ssl-100-vertical-sleeve-labeler/
Thanks for your time!
Best,
Kevin
Hey kevincatesdesign,
Please refer to Ismael’s post here:
Best regards,
Jordan Shannon
Okay I have the custom css field enabled and I see Ismael’s code, but how do I apply it? I create a class for the column, put the CSS in the General Styling of Enfold, and then use the css along with a media query for mobile?
I appreciate the help. This is out of my league.
Best,
Kevin
Hi,
You can simply go to Enfold theme options > Layout Builder and check “Show element options for developers”. It will enable custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/blur.jpg. You can give your elements custom CSS classes to target them separately :)
Best regards,
Jordan Shannon
Hi Enfold.
I want to display 2 columns in the tab on mobile which made 4 columns on a Desktop page.
Please let me know how to add CSS to the page or in the tab.
Thanks.