Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1215082

    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

    #1215103

    Hey kevincatesdesign,

    Please refer to Ismael’s post here:

    Best regards,
    Jordan Shannon

    #1215149

    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

    #1215163

    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

    #1312599

    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.

    #1312956

    Hi ngavy,

    I’m not sure I understand your intentions, could you try to explain what you would like to achieve a bit further please? If you have a screenshot highlighting what you would like to change, then please share that with us.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.