Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 1, 2022 at 10:46 am #68915
    J.V.F
    Participant
    Premium Member

    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

     

    June 1, 2022 at 12:01 pm #68917
    vako
    Keymaster
    Premium Member

    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

    June 1, 2022 at 12:32 pm #68918
    J.V.F
    Participant
    Premium Member
    This reply has been marked as private.
    June 1, 2022 at 4:00 pm #68919
    vako
    Keymaster
    Premium Member

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

     

    Kind Regards

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.