How do I put a header background

Devanshp

Hello,

I'm developing www.pinkharvest.com based on the 'Wedding 2' demo. For my header, I'd like to put a background image - or at the very least, a solid color (so it's not white). Putting a background image in BeTheme Options> Header & Subheader > Header doesn't work. 

Thanks for your help

Devansh

Albert

Hi,

to set background image for the Top Bar, you need to use the following css:

#Top_bar { background-image: url('Path-To-The-Image') !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Devanshp

Where should I put the css? 

Devanshp

Found it! Is there anyway to optimize the image for different size screens? It's appearing fine on my computer but very weird on my mobile. 

Albert

Each css supposed to be put under Theme options > Custom CSS & JS > Custom CSS section. But if you mean to make background responsive, it's impossible because of the technical limits. This just has nothing to theme and it's a global problem between responsive and css backgrounds.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next