Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 28, 2018 at 7:53 pm #1027310
    Kesselhut

    Hi all,

    i have a question concerning color-sections. I gave the color-sections on my site a specific css-class to change the default settings (25%, 50%,75% etc.). It works fine for desktops but on mobile devices especially in portrait mode the section is too large and I want to resize it via media-queries but can’t get it working. Any idea or help? I must be doing something wrong?

    Examples:
    Works fine-
    #color-60 .container {
    height: 60vh !important;
    }

    Doesn’t work
    @media screen all
    and (min-device-width: 320px)
    and (max-device-width: 480px)
    { #color-60 .container {
    height: 33vh !important;
    }}

    October 29, 2018 at 1:22 pm #1027516
    Victoria

    Hey Kesselhut,

    Try the code like this:

    
@media only screen and (min-width: 320px) and (max-width: 480px) {
    #color-60 .container {
         height: 33vh !important;
     }
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    November 19, 2018 at 6:41 pm #1035262
    Kesselhut

    Hey Victoria,

    thanks a lot, it worked.
    Topic can be closed

    Greetings
    Henning

    November 20, 2018 at 12:41 pm #1035561
    Rikard

    Hi Henning,

    Great, glad you got it working. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Media Queries – Change the height of a Color-Section due to Viewport’ is closed to new replies.