#47360 Centering the Logo for Mobile only

Landing Forums The Ken WordPress Theme Centering the Logo for Mobile only

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • Bora Küçükyılmaz

    Hello there;

    We want our logo to be centered in mobile phone headers only, how can we do that?

     

    http://www.zeplinpub.com

    Nodari Support Team

    Hi Bora

    This is what i see right now on your website, https://prnt.sc/r3bijt

    Is your problem resolved?

    Bora Küçükyılmaz

    No unfortunately its not on middle, its a bit left and on different phones with different screen sizes you will see that its clearly on left. You can see what I mean attached… Thanks.

    Alexander Hutsol Support Team

    Hello,

    Please ass this CSS code in Theme Settings > Custom CSS to center the logo on mobile:

    @media(max-width: 960px){
    body .mk-header-logo {
    position: absolute;
    width: 100%;
    margin: 0 auto !important;
    left: 0;
    }}

    Don’t forget to clear your browser cache before checking the site.

     

    Regards.

    Bora Küçükyılmaz

    Thanks for the code, when I add this the logo is centered on mobile, but now we can not open the menu when we click on it… http://zeplinpub.com/home-2-1/

    Amir Rather Support Team

    Hello,

    Please replace the above code with this in Theme Settings > Custom CSS:

    @media(max-width: 960px){
    body .mk-header-logo {
    position: absolute;
    width: 90%;
    margin: 0 auto !important;
    left: 20px;
    margin-right: 20px;
    }}

    Regards

Viewing 6 posts - 1 through 6 (of 6 total)
You must be logged in to reply to this topic. Login