benmeaker Posted March 31, 2021 Share Posted March 31, 2021 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 Link to comment
Solution tuanphan Posted April 5, 2021 Solution Share Posted April 5, 2021 Hi. Try adding this to Design > Custom CSS header#header:before, footer.sections:after { content: ""; background-image: url(https://static1.squarespace.com/static/5fd7b9876223c8317d1720c2/t/60621756b6a902732b617194/1617041238540/znth-bar.jpg); display: block; width: 100%; height: 20px; background-size: cover; } benmeaker 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
benmeaker Posted April 18, 2021 Author Share Posted April 18, 2021 Hey Tuanphan, Thank you SO much! This worked like a charm! Woohoo! Really appreciate your help. Thanks again Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment