Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 4, 2016 at 6:01 pm #607773
    philip

    Hello.
    I am trying to have a Color Section active for Desktop while its not active for Mobile and Vice versa.
    For this i created two Color sections with picture in it with different sizes.
    In the Color Section i found the field “For Developers: Section ID”. Here I inserted “desktopslider” for Color section for the Desktop and the “mobileslider” for Color section of the mobile.

    This is the CSS code which i found on another thread which i am using:
    @media only screen and (max-width: 602px) {
    .desktopslider { display: none !important; }}
    @media only screen and (min-width: 601px) {
    .mobileslider { display: none !important; }}

    Somehow this is not working, as I can still see on mobile as well as on desktop two pictures, where i expect two different pictures on the devices.
    any help is highly appreciated.
    thank you,
    philip

    April 4, 2016 at 6:10 pm #607776
    philip

    ok it works now. had to add this in function.php file:
    add_theme_support(‘avia_template_builder_custom_css’);

    April 4, 2016 at 6:32 pm #607782
    Jordan

    Hi philip!

    Glad to see you found the solution! Feel free to reach out to us again on the forum if you have any more questions.

    Cheers!
    Jordan

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