Simple banner not showing – just briefly flashes then disappears

Hi @vaughyn13

change the banner position to relative, and then you’ll need to add some custom css since your theme doesn’t use a <header> element for its header:

.header-top.homepage.coloured-nav {
top: 40px !important;
}

let me know how that works!

Thank you. It’s showing now, the only trouble is now it’s covering my top menu?

So the custom css above needs to go into Website Custom CSS if you have the pro version or you will need to get another custom css plugin and put that in there.

Thanks, yes I did that. It did start showing.

Do you know what steps I could take in order for the banner to appear “above” the menu instead of over it?

Thank you for your time. I’m excited to use this plugin— it looks great — just hoping it can function right.

It’s actually only covering the top menu when viewed on mobile, but is okay on desktop. Is there any way to edit this so that it appears properly on mobile?

Yes, you can handle that with media queries. It would be something like:

@media (min-width: 768px) {
  .header-top.homepage.coloured-nav {
    top: 38px !important;
  }
}

.header-top.homepage.coloured-nav {
  top: 74px !important;
}

i would also set the z-index for the banner to a lower value, 1 will probably be fine, so it doesn’t block your mobile menu when expanded. More information here, https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries