Home Forums Basel – Premium Template Centre header on mobile

This topic contains 3 replies, has 2 voices, and was last updated by Artem Temos Artem Temos 4 years, 2 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #3729

    ginhim
    Customer

    Hi there,

    One of the main reasons I got this theme was because the header had a centred layout option which suits my logo. I didn’t realise that this only applies to the desktop header.

    How can I achieve the same layout on mobile?
    – Hamburger menu left
    – Logo center
    – Wishlist / bag right

    Is this just a setting i am missing?

    Thanks heaps!

    Private Content Hidden
    #3741

    Hello,

    Thank you for your question.

    At the moment logo centered on mobiles only for header layout with split navigation. You can use this one or just use the following code snippet to make it look in this way for this header layout also. Place it into the Custom CSS for mobile devices area

    .header-shop {
        height: 70px;
    }
    
    .mobile-nav-icon {
        position: absolute;
        left: 5px;
    }
    
    .main-header .site-logo img {
        width: 70px;
    }
    
    .site-logo {
        left: 50%;
        position: absolute;
        margin-left: -35px;
    }

    Regards

    #3744

    ginhim
    Customer

    Thanks for your help!

    #3754

    You are welcome.

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Centre header on mobile’ is closed to new replies.