How to add phone number and email to top header in theme "debut"

Solved
Highlighted
Explorer
61 0 7

@oscprofessional  you already gave me code to add to top_header.liquid to theme.scss.liquid and to header.liquid, 

 

what should I do with this new code? add or replace? 

0 Likes
Highlighted

Hello @JohnWayne 

Replace given code in  header.liquid files find <div class="announcement-bar"> and add css code at the bottom of theme.scss.liquid file.

Thanks...

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Explorer
61 0 7

@oscprofessional 

it's not working at all, 

 

0 Likes
Highlighted
Explorer
61 0 7

my website header looks like this now, I had to stop running ads.....

capture_error_home.jpg

 

 

0 Likes
Highlighted
Explorer
61 0 7

hello everyone, just an update, 

I found a tutorial and I changed the code so it looks better now but still not what I am looking for: I would like the phone number and email to be on the same line and the character to be smaller and white, and the background color of the top_header to be same blue as header. You can check on the screenshots (mobile and desktop view), the phone icone don't appear because it is white. 

top_headerwhite2.jpgtop_headerwhite.jpg

1 Like
Highlighted
Shopify Partner
7605 1048 2637

This is an accepted solution.

@JohnWayne 

Thanks, update

i  have done this, please check,

also, provide theme setting you can easy to change contact number and email. see the attachment.

Hawkfocal _ Customize _ Debut _ Shopify.png

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
2 Likes
Highlighted
Explorer
61 0 7

thank you so much

1 Like
Highlighted
Shopify Partner
7605 1048 2637

@JohnWayne 

Thanks for your compliments.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Shopify Partner
7605 1048 2637

This is an accepted solution.

@JohnWayne 

We have done this your second store please check

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like