Announcement bar - issues - overlaps logo!

[RunnyCustard]

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

[PeanutButter]

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

[RunnyCustard]

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.

[PeanutButter]

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

[RunnyCustard]

thanks - Ive sent a message to the theme developer but they wont answer
until Monday onward.