[Resolved] Centred Mobile Site Title, Hamburger Left & Search Right

Home Forums Support Centred Mobile Site Title, Hamburger Left & Search Right

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1168958
    Sean

    I have tried searching through similar forum posts but haven’t quite found the solution I am looking for.

    I want the Site Title to be centred on mobile and to have the hamburger on the left with search/cart icons on the right. I have shown how I would like this in an example image at the bottom, using logo as the branding to demonstrate what I want it to look like (but using title instead of logo).
    As you can see I am using navigation as the header and have turned on the mobile header. Unfortunately when I set the branding to site title this left aligns it and puts hamburger/search/cart on the right but I can’t see a way to adjust these so suspect I need to use custom CSS?

    site title example

    #1168962
    Sean

    Not sure the image has worked, second try:

    title example

    #1168976
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    @media (max-width: 768px) {
        .navigation-branding {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translatex(-50%);
        }
    
        #mobile-header .menu-toggle {
            order: -1;
            margin-right: auto;
        }
    }
    #1168982
    Sean

    That has done the trick! As usual thanks for the excellent support

    #1169013
    David
    Staff
    Customer Support
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.