Adding a background image behind the area with logo and menu

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



Comments

  • It's located under Theme options > Custom CSS & JS > Custom CSS section.
  • What would the code be to replace the color with an image?

    Can't seem to find the right code
  • 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; }
Sign In or Register to comment.