How to place logo in header - Minimal theme

Store Design
1

How can I put my logo in my header beside the menu and the cart symbol?

OmniSneakers_0-1678105030450.png
OmniSneakers_0-1678105030450.png1920×1080 239 KB

https://omnisneakersofficial.com/

2

@OmniSneakers - this will need code editing where need to put logo code into your header on mobile view

3

Do you know how to do it because I have no idea.

4

@OmniSneakers - I can do it, only thing is need to check the coding, can you add me as collab to your site?

5

I just added you as a staff member, you should get a invitation link.

6

Hi @OmniSneakers ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.scss->paste below code at the bottom of the file:

@media screen and (max-width: 767px) {
    [data-section-type="header-section"] {
        position: relative;
    }
    [data-section-type="header-section"] .header-bar {
        min-height: 120px;
    }
    [data-section-type="header-section"] .site-header {
        position: absolute;
        top: -30px;
        z-index: 9999;
        left: 50%;
        transform: translatex(-50%);
    }
    [data-section-type="header-section"] .site-header__logo a {
        padding: 0 !important;
    }
    [data-section-type="header-section"] .logo__image {
        position: static !important;
    }
}

PageFlyRichard_0-1678106680797.png
PageFlyRichard_0-1678106680797.png759×468 359 KB

I hope it would help you
Best regards,

Richard | PageFly

7

Hey Suyash, I got the issue resolved, thank you.

8

@OmniSneakers - I think you removed my access, please try solution by @PageFly-Richard by adding css to the end of theme.scss file

if any issues then do let me know, I will check it