Support » Theme: Materialis » Make header slider image fit on mobile

  • Resolved Kevin

    (@kevinpersson)


    Hi!

    Is there an easy way to have the hero slider image contained on mobile devices rather than fill?

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hello,

    Please add this extra CSS code in Customizer -> General Settings -> Additional CSS :

    @media screen and (max-width: 488px){

    .header-homepage{
    min-height:400px !important;
    padding-bottom:0px !important;
    margin-top:100px !important;
    }

    .header-separator svg{
    display:none !important;
    }
    .backstretch-item img{
    width: 400px !important;
    left: 0 !important;
    top: 0 !important;
    position: absolute !important;
    height: 400px !important;
    }

    You can adjust the values according to your needs for mobile view.

    Kevin

    (@kevinpersson)

    @cristianbarbu Thank you, that worked with some adjustments. Didn’t realise I had to tackle it as an SVG.

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