How do I move icon and menu items to the left

[JGBowie]

wanting to move my logo and menu items like the image provided would love some help

like this store provided https://www.wilsonandfrenchy.com.au/?srsltid=AfmBOopn-wmyxQ6FclN7NFh0AwZn6EisBr5TJ96Lj3uWTWw6jlRBLRm...

my store is https://softbeginningsboutique.com/

use landon to access!

[Manoj_j]

Hi @JGBowie ,

you want the effects like the sample website ? it can be done with custom coding. 

Thanks

Manoj

[Made4uo-Ribe · Accepted solution]

Hi @JGBowie 

TRy this one. 

• From your Shopify admin dashboard, click on "Online Store" and then "Themes"
• Find the theme that you want to edit and click on "Actions" and then "Edit code".
• In the "theme. Liquid" file. Find the </body> tag and paste the code below before the tag. 

<style>
@media screen and (min-width: 768px) {
    .header-wrapper header.header.header--top-left.page-width.header--has-menu {
        display: grid !important;
        grid-template-columns: auto 1fr !important;
        gap: 0;
    }
    header.header .header__heading-link {
    margin-left: -3rem !important;
}
    .header__icons {
    margin-right: 2rem;
}

}
@media screen and (min-width: 950px) {
    .header:not(.header--middle-left) .header__inline-menu {
        margin-top: 0rem;
    }
}
</style>

• And Save. 
• Result:
• 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[JGBowie]

amazing than you!