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

Hi Roman,

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

thanks

• This reply was modified 5 years, 10 months ago by oparaiso.

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

Thanks Roman,

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

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

Hi Roman,

not sure if the code is working. The logo has the same size. The idea is that when accessing the web through a mobile phone, the logo doubles its size.

thanks

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

Sorry Roman, you’re right, the web was not updated !

thanks

That’s okay, you are welcome!

[ Signature deleted ]

• This reply was modified 5 years, 8 months ago by Jan Dembowski.