Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 31, 2017 at 4:55 pm #770084
    cosmicresearch

    Hi, I am trying to show a color section only on mobile so when browsing from desktop it doesn’t show up. I can’t find how to do it!

    Thank you!

    March 31, 2017 at 5:02 pm #770090
    cosmicresearch

    OK I think I found it!

    1. Add Custom CSS first: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
    2. Edit color section. Put CSS type on color section, in this case, “test”.
    3. Add to Quick CSS:

    .test { display: none; }
    @media only screen and (max-width: 767px) {
    .test { display: block !important; }
    }

    March 31, 2017 at 5:29 pm #770096
    cosmicresearch

    I now have another problem. I cannot change the padding for an image under that CSS class (test), even if I add:

    .test{
    padding: 0 !important;
    border: 0 !important;
    }

    April 2, 2017 at 9:58 am #770569
    Rikard

    Hi,

    Did you assign that class to the actual image? Otherwise it won’t work. You can try something like this though:

    .test img {
padding: 0 !important;
border: 0 !important;
}

    Best regards,
    Rikard

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