[J.V.F]

Hallo,

please take a look again at https://www.eswirdboeseenden.info/ and the header in mobile view.

The header is cut off and looks not appropriate.

So I made an extra, smaller mobile version of the header with the URL

https://www.eswirdboeseenden.info/wp-content/uploads/2022/06/header-mobile.jpg

Can you tell me please how can I integrate it with additional CSS and turn off the regular header of the desktop view on mobile view ?

Kind regard

Oliver

 

[vako]

Hi Oliver,

 

Please navigate to Dashboard > Appearance > Customize > Additional CSS section add the following snippet:

@media screen and (max-width: 880px) {
.entry-header {
height: 100px !important;
}
}
@media screen and (max-width: 690px) {
.entry-header {
height: 80px !important;
}
}
@media screen and (max-width: 550px) {
.entry-header {
height: 50px !important;
}
}
@media screen and (max-width: 340px) {
.entry-header {
height: 30px !important;
}
}

 

Kind Regards

[J.V.F]

This reply has been marked as private.

[vako]

Feel free to contact us at any time, we are more than happy to help.

 

Kind Regards

[Author]

Posts