Moving Menu & Cart Icon Down On Dawn Theme

[Attractivist]

 

Hello, So I Was Wondering How I Can Move The Cart & Menu Icon Down A Little So When I Open The Menu, It Won’t Run Into My Logo Because It Look Glitchy, Also I Wanna Make Menu Opening Smoother, It’s Jumping Out When You Click The Menu. Thanks

Store URL https://attractivist.myshopify.com

 

[Made4uo-Ribe · Accepted solution]

Hi @Attractivist 

Check this one. 

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

@media screen and (max-width: 767px) {
    .header {
        display: flex !important;
        justify-content: end;
}
    .header__icons, header-drawer {
        margin-top: 10%;
}
}
@media screen and (max-width: 450px) {
    .header__icons, header-drawer {
        margin-top: 5%;
}
}

• And Save. 
• Result:
• 

[Attractivist]

Thanks! It Worked 🙂 Also I Need The Coding To Make Hamburger Menu Come Out Smoothly