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

Solved

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

Katman
Shopify Partner
32 1 6

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!

 

Accepted Solution (1)
dmwwebartisan
Shopify Partner
12321 2552 3729

This is an accepted solution.

@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!

View solution in original post

Replies 12 (12)

dmwwebartisan
Shopify Partner
12321 2552 3729
Katman
Shopify Partner
32 1 6
Katman
Shopify Partner
32 1 6
dmwwebartisan
Shopify Partner
12321 2552 3729

@Katman 

Please share store password!

Thanks!

Katman
Shopify Partner
32 1 6

@dmwwebartisan wrote:

@Katman 

Please share store password!

Thanks!


doh my bad!

password: aoldad

Katman
Shopify Partner
32 1 6

@dmwwebartisan wrote:

@Katman 

Please share store password!

Thanks!


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

dmwwebartisan
Shopify Partner
12321 2552 3729

This is an accepted solution.

@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!

Katman
Shopify Partner
32 1 6

thank you sir! appreciate the help !

Guleria
Shopify Partner
3514 707 988

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

- Drop an email   if you are looking for quick fix or any customization
- Email: [email protected]
- Try GEMPAGES a great page builder
- If you want to help me please PAYPAL

Denishamakwana
Shopify Partner
1408 173 231
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;
If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on [email protected] | Shopify Design Changes | Custom Modifications In to Shopify Theme
Katman
Shopify Partner
32 1 6

@Denishamakwana wrote:
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;

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

ceschnee
Tourist
15 0 2

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