Trying to add a top and bottom wrapper/banner/bar

Site URL: https://www.znthtriclub.com

Hi there,

I'm desperately trying to add some form of "wrapper/banner/bar" on both the very top and very bottom of my website. I've currently managed to do so by hacking (in a rather bad way!) the announcement bar and footer modules. You can see this on the website and I've attached the image I'd like to use for reference.

The issue I have is twofold:

1) The top banner isn't the same as the bottom

2) When scaled down to mobile, it looks terrible and there's a hideous black line beneath the top banner.

Any help in coding something less clunky would be greatly appreciated.

Thanks in advance.

Cheers,

Ben

Hey Tuanphan,

Thank you SO much! This worked like a charm! Woohoo! 

Really appreciate your help.

Thanks again