Announcement bar - issues - overlaps logo!

Hi

I have tried adding an app for a scrolling announcement bar - whilst it does what we want it overlaps the logo - which we don't obviously.

We did try manually adding scrolling text marquee type but wasn't able to change the background colour so I've gone back to using a free app announcement bar

Attempted to add padding to the logo and site header but nothing has helped.

Can anyone help?

ideally we just want a scrolling message (white text on brand pink colour background) above the logo/menu space.

thanks for any help you can offer

 

www.diversegifts.co.uk

 

0 Likes
PeanutButter
Shopify Partner
330 66 137

You could try something like this

@media screen and (max-width: 480px){
 .site-header {
    padding: 60px 30px 14px!important;
  }
}

@media screen and (max-width: 1024px) {
  .site-header {
    padding: 70px 30px 20px !important;
  }
}

.site-header.desktop-view--classic {
    padding: 68px 60px 20px;
}

@media screen and (min-width: 1025px) {
  #main {
    padding-top: 118px;
  }
}

i

 

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es

Nope - that didn't help

thanks for trying.

I've basically put padding everywhere lol.

might have to sleep on it or/and ask the Theme creator if there's something in his coding that is blocking these changes.

 

0 Likes
PeanutButter
Shopify Partner
330 66 137

Sorry to hear. If tomorrow you still need help, I can request access to your site and fix it for you

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
thanks - Ive sent a message to the theme developer but they wont answer
until Monday onward.


0 Likes