Dawn Theme: hiding/removing header logo/text and moving navigation up

Store Design
1

Hello,

I need some help with removing the header logo/title element and then moving the navigation up in its place on the Dawn theme for both desktop and mobile views.

https://drive.google.com/file/d/1mKcQyeyAYRupoOf0_i0CQehycqCg92ma/view?usp=sharing

any help on this would be golden - thanks!

1 Like
2

@Katman

Please share your store URL.

3

Hello @Katman ,

It’s possible but not without the customization.
If you can then find the logo and navigation code once found move navigation code in place of logo. Finally do css modification and it will done.
Alternatively hire a developer to do it.

Thanks

4

https://rs-future-dynamics.myshopify.com/collections/all

5

https://rs-future-dynamics.myshopify.com/collections/all

6

@Katman

Please share store password!

Thanks!

7

doh my bad!

password: aoldad

8

please add below code in bottom of assets/base.css file
@media screen and (min-width: 990px)

.header–has-menu:not(.header–middle-left) {
display: flex;

}
.header–top-center>.header__search {
width:10%;
}

@media screen and (min-width: 990px)

.header:not(.header–middle-left) .header__inline-menu {
margin-top: 0;
width: 80%;

}

.header__icons {
width: 10%;
justify-content: end;

}

@media screen and (min-width: 990px)

.header–top-center .header__inline-menu>.list-menu–inline {
width: 100%;

}

9

Thanks! I added the code as instructed but it didn’t seem to show any changes.

10

Little nudge if you’re able to check it out sir, thx!

11

@Katman

Please add the following code at the bottom of your assets/base.css file.

@media screen and (min-width: 990px){
.header:not(.header--middle-left) .header__inline-menu {
    margin-top: -3.95rem !important;
}

.header__icons {
    display: flex;
    grid-area: icons;
    justify-self: end;
    margin-top: -2.95rem !important;
}

.header--top-center>.header__search, .header:not(.header--top-center) *>.header__search {
 margin-top: -2.95rem !important;
}
}

Thanks!

1 Like
12

thank you sir! appreciate the help !

13

I have tried the suggested solutions with no effect. I am using Dawn theme.

https://tumblers-galore-more-8338.myshopify.com/?_ab=0&_fd=0&_sc=1

1 Like