Centered logo in the mobile version.

[Davinci]

Please help me.
How to make that logo was centered on the screen in the mobile version.

Like here: http://prntscr.com/6u3ln6

[Mohammad – SUPPORT]

Hi,
Please provide me website url always to check and find any possible solution.
Thanks
Mohammad

[Davinci]

http://611858.dizajn.web.hosting-test.net/

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media only screen and (max-width: 479px) {
#logo a:first-child{
    height: auto;
    overflow: hidden;
    display: inline-block;
    margin-left: 47px;
}

#logo a.mobile-menu-show{
margin:0px !important;
}
}

Thanks
Mohammad

[Davinci]

I want the logo appeared in the middle of the page when the page is reduced in width. Especially on the phone or tablet.
Look: http://prntscr.com/6uvu9e

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media only screen and (max-width: 991px) {
#logo a.mobile-menu-show {
    float: right !important;
    font-size: 22px;
    padding: 9px 4px 11px 10px;
    margin-top: -58px !important;
}

#logo a:first-child{
text-align: center !important;
margin: 0px auto !important;
width: 52% !important;
display: block !important;
}
#logo a:first-child > img{
text-align: center !important;
display: inline
}

}

Thanks
Mohammad

[Davinci]

Hi.
Logo began to show twice.
And also not in the middle of the screen.
http://prntscr.com/6vxihv

[Mohammad – SUPPORT]

Hi,
Please keep the code so i can check the issue.
Thanks
Mohammad

[Davinci]

I paste new code. Look.
Also gone mobile menu.

[Kyle – SUPPORT]

Hi

Unfortunately it’s not possible to center the logo on mobile with Dante. The only thing you can do is increase the size on mobile with custom css so that it spans across more of the row

– Kyle