Header image on mobile

Dear Jan,
If you send us the URL of your site, we shall observe it and provide you with possible solution.
Best Regards!

Dear Jan,
Here is the solution of your query, please go through it.
Site URL: http://salavaphotography.com/:
1.) To adjust the image height add the following css

/*for adjusting height in mobile devices add both css and chage the value at comment mention below*/

@media (min-width: 992px){
    .slider-feature-wrap .at-front li {
        height: 40vh !important;
    }
}
.slider-feature-wrap .at-front li {
    height: 30vh !important;
    /*change the value of height here to adjust as per your need*/
}

2.) To remove image in mobile devices add the following code
/*if you want to hide on mobile devices*/

@media (max-width: 768px){
    .slider-feature-wrap .at-front li{
    }
}

• This reply was modified 4 years, 1 month ago by acmesupports.

Dear Jan,
Could you please inform us where did you added the provided code ?.For quick solution, you can add the code in customize additional css. (Dashboard => Customize => Additional CSS)

Dear Jan,
Please add the given CSS code in Additional CSS.
Appearance->Customize->Additional CSS.
` @media (max-width: 768px){
.slider-feature-wrap .at-front li{
display:none !important;
}
}`

Best Regards!

Dear Jan,
You are Most Welcome 🙂

Best Regards!