Docs

[eddierosenthal]

I am using integrity stack, fullwidth, static top navbar, inline layout, with a logo image of 1200 px.
i would like to know how to use the customizer or have code that would allow me to change the image when devices are not desktop – so for mobile use i could have a different image, one that would not look squeezed or compressed. is there such code available or is there a way to use the customizer to accomplish that?
thanks in advance, ed

[Joao]

Hi There,

Please Add this code with the URL of the image you want o smaller devices. In case you need help with the adjustments, please provide your URL

Add this code at Appearance > Customizer > Custom > CSS

@media (max-width: 979px){
    .x-brand.img {
        background: url(http://placehold.it/200x50) no-repeat center center;
        background-size: 100% 100%;
    }
    .x-brand.img img {
        opacity: 0;
    }
}

Hope that helps

Joao

[Author]

Posts