Mobile top header background image 7.0

18 hours ago, christyprice said:

Try adding this to Custom CSS. I'm using your already loaded background image and adjusting it to show the bottom, but you can play around with it: 

.Mobile-bar.Mobile-bar--top {
    background-image: url(https://static1.squarespace.com/static/61e20f7…/t/61e2136…/1642206056878/Wise+Heart+pdx+header+background.png);
    background-position: center bottom;
}

 

@christyprice Thanks. Here's what I ended up using that worked better. 

.Mobile-bar.Mobile-bar--top {
    background-image: url('url_of_my_uploaded_image_here'); background-repeat:no-repeat; background-size:cover; background-position: center;}

Combined your .Mobile-bar.Mobile-bar--top suggestion with background image CSS for desktop from insidethesquare.co