Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 10, 2017 at 5:00 pm #775547
    Jeroen0517

    Dear Kriesi,

    Is it possible to create 3 different layouts?

    I’m using this custom css:

    @media only screen and (min-width: 768px) {
    .desktop {
    display:block !important;
    }
    .telephone {
    display:none !important;
    }
    }

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

    .telephone {
    overlay: 100% !important;
    }

    But I need also another layout for tablet. Is that possible?
    So I want to use .tablet for responsive layout on tablet, because it needs to be different then dekstop and mobile.

    Best regards

    • This topic was modified 7 years ago by Jeroen0517.
    April 11, 2017 at 7:31 am #775845
    Rikard

    Hey Jeroen0517,

    Yes that is possible, you can use the following media query to target tablets:

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
YOUR CODE FOR TABLETS GOES HERE
}

    Best regards,
    Rikard

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