Okay
  Public Ticket #1958983
Column image background max height on mobile
Closed

Comments

  • Ondrej started the conversation
    April 2, 2019 at 4:46pm

    Hey there,

    I would like to limit the height of columns with image bg on mobile (so they dont cover the whole screen area). I have created an extra class name for the specific columns (image-column) and try to set max height with css below:

    /* Mobile */
    @media only screen and (max-width: 480px) {
        .image-column {
             max-height: 150px !important;
    }

    What am I doing wrong here? Thanks for your support.

    Best, Ondrej

  •  8,996
    Tahir replied
    April 3, 2019 at 10:58am

    Please provide the page password so we can take a look. 

    Best

    ThemeNectar Support Team 

  • Ondrej replied
    April 3, 2019 at 11:52am

    Sorry, my mistake. Just made it public. Thanks

  •  3,028
    Andrew replied
    April 3, 2019 at 9:16pm

    Hi,

    Instead of setting max-height you can try overriding the min-height.

    @media only screen and (max-width: 480px) {
    .image-column {
         min-height: 200px !important;
    }
}

    8628382372.png

    Regards,