Dawn Theme make image overlay navigation bar

jessenlshop
New Member
2 0 2

Hi everyone, 

 

I am using the Dawn Theme and I am trying to make the header image also run through the navigation. 

I have added a picture to show what I am looking for. 

Does anyone have any suggestions on how to do that and where to place the code in the Dawn theme? 

 

Hope to hear from someone!

Best, 

 

Jesse

 

Example.JPG

Replies 17 (17)
KetanKumar
Shopify Partner
25089 2510 9073

@jessenlshop 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jessenlshop
New Member
2 0 2

Hi KetanKumar, 

 

Thank you for wanting to have a look!

The preview link is https://cigjfta6wbfwj1pi-56185192640.shopifypreview.com 

 

Thanks in advance!

Best, Jesse

Myellagroup
Excursionist
24 0 2

Hello guys, 

Any update on this? Was anyone able to solve this?

usamasaif
New Member
2 0 0

i am facing same issue have you find any solution

 

usamasaif
New Member
2 0 0

facing same issue have any one find its solution.

 

KetanKumar
Shopify Partner
25089 2510 9073

@jessenlshop 

sorry 

KetanKumar_0-1634946667675.png

@usamasaif @Myellagroup please share your details 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Myellagroup
Excursionist
24 0 2

Hi @KetanKumar 

Thanks for the reply.

I'm new to the Shopify community. I hope you're asking for the preview link by the word "details". 

Here's the link: https://oyqdxz872xvla8xj-15517073.shopifypreview.com 

Pls let me know if there's anything else you require.

Thank you

oscprofessional
Shopify Partner
9218 1566 1935

Hello

Please paste the code in base.css file

Go to Online store -> Theme -> Action -> Edit code -> Asset -> base.css

#shopify-section-header {
    position: relative;
}
.header-wrapper {
    position: absolute;
    background-color: transparent;
}

Thanks

If helpful then please Like and Accept Solution. Want to Speed up your Shopify Website Guranteed result Whats app
| Hire us
| Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
For Quick Chat | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
Myellagroup
Excursionist
24 0 2

Hi @oscprofessional 

It worked! Thank for that!

However, the 3 icons (search, cart, profile) moved a bit to the left. Is there a way to fix it?

Also, do you know how to change the weight of the menu text to bold so that the menu items are more visible?

Preview link:

https://oyqdxz872xvla8xj-15517073.shopifypreview.com