Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 7, 2018 at 11:00 pm #1007321
    rosewoodva

    Basically, I have padding around text on a page that looks good on large screens, but looks bad on screens smaller than 15.6″ or 1024px wide.

    I would like to change the Element Visibility options from:
    Hide on large screens (wider than 990px – eg: Desktop)
    to : Hide on large screens (wider than 1200px – eg: Desktop)

    Is there an easy way to change this via CSS?

    Otherwise, I would like to remove padding on elements for screens under 1200px.

    Please help, thank you.

    September 8, 2018 at 4:29 am #1007341
    Mike

    Hey Deanna,

    The easiest way to do this would be yo use a media query for your css, for example,
    you would first add a custom class to your element, (I assume that you have enabled Enfold Theme Options > Layout Builder > Show element options for developers) such as: “hide-on-desktop”
    then add the rule to your Quick CSS:

    @media only screen and (min-width: 1200px) {   
.hide-on-desktop {
display: none !important;
}
}

    Please give this a try, if you want assistance with a certain element on your site, please include a link to the element in question.

    Best regards,
    Mike

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