Docs

[tamararobb]

Is there a way to scale the logo based on the browser size? Right now the menu breaks when the browser window is resized.

http://2fc.a84.myftpupload.com/

[Lely]

Hi There,

Thanks for posting in. We can do that using CSS. Please add the following on Appearance > Customize > Custom > Edit Global CSS:

@media (min-width: 980px) and (max-width: 1000px){
.x-brand img {
    width: 350px;
}
}

Hope this helps.

[tamararobb]

This does not fix the issue. It is more of a band aid fix. See the screenshot below.

[Joao]

Hi There,

Your screenshot did not upload.

I would not call the solution given by lely a band-aid solution all the responsive websites are built on base of media queries.

Your elements will react depending on the size of your screen.

Please upload your image again and provide us more details about the issue you are facing.

More information about media query can be found here:

http://www.w3schools.com/css/css_rwd_mediaqueries.asp

Media Queries for Standard Devices

Let us know more details,

Joao

[Author]

Posts