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

  • Resolved Kevin



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


    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){

    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.



    @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.