fix header asap for launch

[Luxurymrkt]

 

hi,

I want to hide the search icon and burger menu on both mobile and desktop. I’d like to move the logo to the left and button to the right on mobile. 

on desktop I’d like to make it full width sk logo all the way on left and button on right. 

my site is https://eftfkw-vc.myshopify.com

im using Dawn theme*

Thank You | mike

[DaisyVo · Accepted solution]

Hi @Luxurymrkt 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

.header__icons {
    display: none !important;
}
@media screen and (max-width: 768px){
header-drawer {
    display: none !important;
}
header.header {
    grid-template-areas:
        "heading navigation" !important;
}
nav.header__inline-menu {
    margin-left: auto !important;
}
}

Here is the result: 

 

I hope this helps

Best,

Daisy