change logo width and height?

crazysquirel69 · December 2015

I have created a website for a client http://www.testingenviroment.com/onlybags the logo is the image at the very top of each page. The client wants the logo to cover all the white space to the left and right of the current logo what CSS do I add to achieve this please?

Albert · December 2015

Hi,

you can do this with the following css:

#Top_bar #logo img { max-width: 1240px !important; }
#Top_bar #logo { padding: 0 !important; }
#Top_bar .column { margin: 0 !important; }
#Top_bar .container { max-width: 1240px !important; }

But please notice that your logo is 1190px width while wrapper is 1240px. You must upload wider logo then.

crazysquirel69 · December 2015

I have tried uploading the 1240px logo and also one that is 1400 px however they do not go the entire way across the screen as they should and still have white space to the left and right so I Have re uploaded the logo that is 1190px what am I missing I used the CSS you have suggested above

Albert · December 2015

Please upload larger image so we can have a look on it. Currently, you have 1190px and with this size, it won't be full width. We are sure that 1240px image would work because we tested it on our side.

tomrzaca1 · February 2016

My website has the same issue.
http://portableminigolfrentals.com/
Please advise how to remove white space from left and right of logo.
I used the css above.

Albert · February 2016

@tomrzaca1 For that, you need to play with the following css:

#Top_bar #logo img { max-width: 1500px !important; margin-left: -190px !important; }

tomrzaca1 · February 2016

I used the code, it made it bigger, but not full width.

Albert · February 2016

Increase both values then if above are not enough for you. We just gave you example values only.

tomrzaca1 · February 2016

Thank you!

Albert · February 2016

You are welcome!

change logo width and height?

Comments