Header image for mobile

Hello,

I don’t think that there is an easy way to do it properly, unfortunately.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Hello,

would there be a way to just hide or remove the header image for mobile devices?

Try to use the following CSS code in order to hide it. You can add CSS code in Customize → Additional CSS section.

@media (max-width: 991px) {
    .header-image {
        display: none;
    }
}

Kind Regards, Roman.
aThemes Support

Hello,

may I ask you which CSS should I add to have the logo in let’s say double size for mobile devices?

Try to use this CSS code instead of previous:

@media (max-width: 991px) {
    .header-image {
        display: none;
    }

    .site-logo {
        max-height: 160px;
    }
}

Kind Regards, Roman.
aThemes Support

Hello,

I’ve just checked your additional CSS and didn’t find the code, so please try to add it once again. Also please make sure that it isn’t cached anywhere. Please let me know if you need more help.

Kind Regards, Roman.
aThemes Support

That’s okay, you are welcome!

[ Signature deleted ]

• This reply was modified 6 years, 9 months ago by Jan Dembowski.