[Resolved] Centering Logo on Mobile Only

Home Forums Support Centering Logo on Mobile Only

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #908312
    Hich

    Hello,
    I’m trying to center the Logo on mobile only. I used this code but doesn’t work for me:

    @media (max-width: 768px) {
        .inside-header {
    	text-align: center;
        }
    }

    Thanks in advance for your help!

    #908324
    Leo
    Staff
    Customer Support

    Hi there,

    Try this CSS:

    @media (max-width: 768px) {
        #site-navigation .navigation-branding {
            margin: auto;
        }
    }

    Let me know πŸ™‚

    #908577
    Hich

    Tried but doesn’t work. πŸ™‚

    #908587
    Hich

    Sorry it works only for tablet with 768px and after when it’s less it goes back to the left πŸ™‚

    #908821
    David
    Staff
    Customer Support

    Try this CSS:

    @media (max-width: 768px) {
        .main-navigation.has-branding .inside-navigation {
            justify-content: center;
        }
    
        .site-logo.mobile-header-logo {
            margin-left: auto;
            margin-right: auto;
        }
    }
    #908826
    Hich

    Bravo (clap clap) You guys are really good in CSS! πŸ™‚

    #908836
    David
    Staff
    Customer Support

    Awesome – You flatter us πŸ™‚

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