Logo cover the first section

lin96108183 · March 2016

Dear,

I used codes to adjust the height of logo, but it cover the first section of home page.

Could you help me to deal with it?

This is my site.
https://www.qqstatistic.com

Thank you

Lee

Albert · March 2016

Hi,

where exactly logo cover 1st section? We did checked your site but did not noticed anything like this.

Thanks!

lin96108183 · March 2016

Dear,

I have print screen the site.

Here is the photo.

https://www.dropbox.com/s/cjfqrllaqb37liq/相片 2016-3-9 01 37 45.png?dl=0

In addition, I also found that the logo wound be distortional after updation of the theme.

In the past, I have used the code #Top_bar #logo {height: auto;} to control it.

Here is the photo.

https://www.dropbox.com/s/gbpnukr7n9b4mbq/QQ_LOGO_2-2.png?dl=0

Is there any solution to deal with it?

Thank you

Albert · March 2016

But you got a slider in the top so we do not see logo that cover the content. We did checked it several times on different computers and did not noticed anything similar on any of then.

lin96108183 · March 2016

Uh~~ It would discover on tablet. I had set slider disappeared in mobile and tablet

Albert · March 2016

Ok, it's clear now. You disabled slider on mobile while you got Transparent header style. This is the whole sense of being transparent. If you don't like how it looks like, or you need to use different header style or use the following css:

@media only screen and (max-width: 1239px){
    .content_wrapper {padding-top: 100px;}
}

lin96108183 · March 2016

Dear,

Thank you for your help. It work greatly now.

But the logo is still distortional while scrolling down.

Albert · March 2016

Your logo is too big for sticky logo and that's why it's distortional. We suggest to upload different logo for sticky header.

lin96108183 · March 2016

If I upload a small logo for sticky header, could it be solved?

Albert · March 2016

Yes, you need to upload smaller logo which fit to sticky header height.

Logo cover the first section

Comments