header picture not responsive in mobile

This topic has 3 replies, 3 voices, and was last updated 4 years, 11 months ago by acmesupports.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
July 6, 2018 at 8:47 pm #31905

Siegmar Franke
Participant

Hi support,
we dont use slider, so we had insert a header picture. wp cropped it down to different sizes, but they are not selected on mobile devices.

Customers who open the page at mobile devices can see the header picture in full size.

it seems the theme will not select the cropped versions. please compare our site on desktop and mobile to understand: https://www.carsten-gerber.de/_newp.2017/

whats wrong ?

July 7, 2018 at 3:10 pm #31924
Acme Themes
Keymaster
Hello Siegmar Franke ,

Since The header image in theme is used as Background Image on fixed size, it is normal to show like this.
The header Height here Appearance => Customize => Header Options => Header Image used for all devices. If you want to decrease the height on the mobile, you can use following custom CSS:
```
@media only screen and (max-width: 767px){
	.inner-main-title {
            height: 200px;
        }
}
```
Best Regards!
Acme Themes
July 8, 2018 at 10:05 am #31940

Siegmar Franke
Participant

added css changes the height of main content, but not size of background image 🙁

any other idea ?

July 9, 2018 at 8:30 am #31981
acmesupports
Moderator
Dear Siegmar Franke,
Can you please try and add the code below inside additional CSS.
Dashboard->Appearance->Customize->Additional CSS
```
@media only screen and (max-width: 767px){
    .inner-main-title {
           height: 200px!important;
       }
}
```
Best Regards!
- This reply was modified 4 years, 11 months ago by acmesupports.
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.