Moving Menu & Cart Icon Down On Dawn Theme

Store Design
, , , , , , , ,
1

IMG_7605.jpeg
IMG_7605.jpeg1170×2532 96.8 KB

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

1 Like
2

Hi @Attractivist

Check this one.

  1. From you Admin page, go to Online Store > Themes
  2. Select the theme you want to edit
  3. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  4. 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%;
}
}
3

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