Adding a background image behind the area with logo and menu

dantef

Currently trying to figure out how to add a background image to the section where the logo and menu bar sit?

Using http://themes.muffingroup.com/be/lawyer2/ for reference.

Albert

It's located under Theme options > Custom CSS & JS > Custom CSS section.

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

dantef

What would the code be to replace the color with an image?

Can't seem to find the right code

Albert

To replace background color of the Top Bar with image, you need to use the following css:

#Top_bar { background-image: url('PATH-TO-BACKGROUND') !important; }
#Header .top_bar_left, .header-classic #Top_bar, .header-plain #Top_bar, .header-stack #Top_bar, .header-split #Top_bar, .header-fixed #Top_bar, .header-below #Top_bar, #Header_creative, #Top_bar #menu, .sticky-tb-color #Top_bar.is-sticky { background-color: transparent !important; }

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