What's your biggest current challenge? Have your say in Community Polls along the right column.

Custom my header on Whisper Theme

Custom my header on Whisper Theme

marycrichton123
Explorer
53 0 10

Hi Everyone, 

 

I am looking to customize the header on my new website. 

 

I would like to do the following: 

  1. The announcement bar should be roughly 40 px deep and the header should be 82x deep *However this should be flexible for screen size 
  2. The header at the moment is red when you land on the page - however, when I scroll it goes transparent, it should be transparent all the time - please see my ideal state in the image below 

 

If you would also advise on how I move the copy from being central on the image to left aligned *as shown in the image below: 

 

This is what I am aiming for: 

Screenshot 2024-11-25 at 11.08.20.png

 

 

This is where I am at: https://mishmash.world/?_ab=0&_fd=0&_sc=1

 

Thanks,

Mary

 

Replies 7 (7)

topnewyork
Astronaut
763 124 140

Hello,


Please share email for "Store URL"


Thanks!

Need a Shopify developer?
Hire us at Top New York Web Design
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount
marycrichton123
Explorer
53 0 10
topnewyork
Astronaut
763 124 140

I said, sent email address for store access.

Need a Shopify developer?
Hire us at Top New York Web Design
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount
marycrichton123
Explorer
53 0 10

I sent on message-did you get?

 

marycrichton123
Explorer
53 0 10

the password is mishmash

topnewyork
Astronaut
763 124 140

Your site is not working in my desktop.

Need a Shopify developer?
Hire us at Top New York Web Design
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Try Big Bulk Discount To Boost Your Store Sales with Volume/Tier Discount
marycrichton123
Explorer
53 0 10

This is amazing detail @wilson_T However, I could not seem to make it work on the header