Support Central

loonmei I failed to do that so i placed the logo image at the module Banner Top and the mobile version didn't show the small logo. How to display the logo in hand phone?

Try add this to override.css file (don't forget to enable override from Template Options -> Advanced tab): :

@media only screen and (max-device-width: 640px) {#gkBannerTop{display:block !important;}}

Kindly ensure to clear your browser cache if changes dont reflect

loonmei Hi. On mobile on the left from hamburger menu item. You have a mobile position called "social" Yoou may try to place logo there. And use this code to show it on mobile only:

@media only screen and (min-device-width: 640px) {#gkSocial{display:none !important;}}

loonmei When i scroll down, the logo was disappear, can I make the logo display as the hamburger menu item?

Try change the above CSS from :

@media only screen and (min-device-width: 640px) {#gkSocial{display:none !important;}}

to

@media only screen and (min-device-width: 640px) {#gkSocial{display:block !important;}}

loonmei How to place it at the center?

To be more precise and avoid confusion/ambiguity in addressing your query, Kindly provide screenshot marked with annotations showing where you wish to show it in responsive mobile mode

loonmei Hi. I still cannot see the small logo on mobile portrait. Have You published the image in social module position already?

For the bigger screens here is a code to center it:

media="(max-width: 840px)"
#gkBannerTop {
    margin: 15px auto;
}
}