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

Solved
Katman
Excursionist
26 0 4

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)

Accepted Solutions
dmwwebartisan
Shopify Partner
9825 2237 3078

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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →

View solution in original post

Replies 11 (11)
dmwwebartisan
Shopify Partner
9825 2237 3078

@Katman 

Please share your store URL.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Guleria
Shopify Partner
1852 396 562

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

Want to modify or custom changes on store hire me.
Email: guleriathakur43@gmail.com, Skype: navrocks1
If helpful then please Like and Accept Solution.
Buy me a coffee ☕ My PayPal
dmwwebartisan
Shopify Partner
9825 2237 3078

@Katman 

Please share store password!

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Katman
Excursionist
26 0 4

@dmwwebartisan wrote:

@Katman 

Please share store password!

Thanks!


doh my bad!

password: aoldad

Denishamakwana
Pathfinder
115 15 13
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 denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
Katman
Excursionist
26 0 4

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

Katman
Excursionist
26 0 4

@dmwwebartisan wrote:

@Katman 

Please share store password!

Thanks!


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