[Resolved] Center Logo

Home Forums Support [Resolved] Center Logo

Home Forums Support Center Logo

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #963665
    Andy

    Hi,
    I’m using the Navigation as Header option and want to center the logo on mobile. This sounds simple on paper but because it’s now using flexbox i’m unsure what CSS to use.

    Any help much appreciated.
    Thx!

    #963699
    Tom
    Lead Developer
    Lead Developer
    #968459
    Andy

    Thanks Tom, it seems I only needed this bit of code from the guide:

    .site-branding,
    .site-logo {
    	position: absolute;
    	left: 50%;
    	-webkit-transform: translateX(-50%);
    	        transform: translateX(-50%);
    	z-index: 200;
    }

    But I want the toggle to stay on the right not the left?.

    #968929
    Tom
    Lead Developer
    Lead Developer

    Is that code active right now? I’m not seeing it on the site you shared.

    Let me know 🙂

    #969090
    Andy

    Sorry I was testing it locally first. I’ve now added it to the live site from 600px and below.

    #969176
    Tom
    Lead Developer
    Lead Developer

    Try this CSS:

    #mobile-header .menu-toggle {
        margin-left: auto;
    }
    #969209
    Andy

    Thanks didn’t realise it would be that simple, also needed to add:

    .navigation-branding, .site-logo.mobile-header-logo { margin-left:0; }

    #969644
    Tom
    Lead Developer
    Lead Developer

    No problem – glad you got it working 🙂

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