Product title overlap logo in mobile view

Hello,
I'm try hard to find out the solution but i can't.
the problem here when view product detail in mobile, the product header title overlap with logo.
please find an attachment.

1) how to change the size?
2) how to move down the header text?

Thank you in advance

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

I've PM you dude

Hi

Please add this to override.css

Code: Select all

@media only screen and (max-width:840px) {
.productdetails-view h1 {
    font-size: 22px;
}

#gkLogo img {
    height: 85px;
}

#gkMainbody {
    padding-top: 15px;
}
}