magento 2 header

Question

I have a fresh Magento2 working and I am using Luma as my template.

I want to add a costume image on the header that goes across the template, behind the logo.

Firebug directs me to:

page-header pub/static/frontend/Magento/luma/en_US/css/styles-l.css

I realize this is static location, so, I am not suppose to edit it.

where shouldI start? I just want edit the default luma theme and I don't want add another costume theme. Since I am using the github the templates are stored in frontend/Magento

Answer 1

go to

frontend/Magento/luma/web/css/source/_theme.less

override the css by simple adding these line

.logo {
   img {
     max-height: inherit;
    // add here you want to add just like css
   }
}

for adding the background in header

.page-header {
    background-color: #000;
}

for adding the background image

.page-header {
    background-image: url("../images/cart_prod1.jpg");

     }