Solved: Logo Resizing Hides Background

nickbbim · ‎08-17-2017

Looking for some help,

Am using the "Clean Lines" theme. When viewing on mobile the Logo appeared too small. I have successfully increased the logo size using the below; however, this increase has caused the header to flow over the background and thus hides the image there in the banner. Please provide the correct code/advice on how I can increase the logo and essentially "move" the rest of the page down so nothing else is affected.

Used to increase logo:

.wsite-logo a img{
margin:1!important;
max-height: 200px;
max-width: 300px;

Thanks in advance.

nickbbim · ‎08-17-2017

Thanks all,

Actually figured it out through a lot of trial and error. The following in red fixed my issue:

#wrapper {

box-sizing:border-box;

z-index:10;

background: @footer;

position: relative;

width:100%;

min-height:100%;

padding-top:400px;

-webkit-box-shadow:0px -0px 5px rgba(87, 87, 87, 0.2);

-moz-box-shadow:0px -0px 5px rgba(87, 87, 87, 0.2);

-o-box-shadow:0px -0px 5px rgba(87, 87, 87, 0.2);

box-shadow:0px -0px 5px rgba(87, 87, 87, 0.2);

View Best Answer >

Adam7 · ‎08-17-2017

If you post a link to your site I'm sure one of our Community members could help, @nickbbim.

bobafett · ‎08-17-2017

@nickbbim: Try brisk theme....It can accomodate large logo.

nickbbim · ‎08-17-2017