Logo position

Hi supporters,

I used image logo and the logo is not at equal height compared with the banner on the right. Can you tell me how to move the logo a little up?

logo3.jpg

The problem also happens when viewing by mobile, both portrait

mobile23.jpg

and andscape

mobile-12.jpg

Moreover, when viewing by mobile, the logo does not appear at the center of the screen but stay much deeper on the right. Can you tell me how to move it to the left or center it?

Thank you and regards,

Hai

Could you please post an url to your site?

Hi Cyberek,

My URL is http://photowording.com

I already sent you admin ID via message in case you will need.

Thank you and regards,

Hai

Please check this code in override.css:

Code: Select all

@media (max-width: 640px) {
#gkLogo {
    float: none;
    margin: 20px 0;
    width: 100%;
}
#gkLogo img {
   max-width: 60%;
}
}


Thank you Cyberek. I will check it.

However, I used the code from other topic and it works.

@media only screen and (max-width:820px) {
#gkLogoSmall {
display: none;
}

#gkLogo {
height: auto;
width: auto;
}

#gkLogo img {
max-width: 100%;
height: auto;
}
}

If it works, there is no point in changing .
Is there anything else I can help you with regarding this topic?

No Cyberek.

I will post another topic if having any question.

Thank you.

Ok, thank you for following this rule.