It's been last 42 hours i am trying to get a background image to header content on luma! [magento 2] but nothing getting accurately!! how do i add a background image to header content on magento luma!!? and make it sticky or fixed on top!!!
can anybody give me just proper guide through this problem i'm stuck with? enter image description here

  • Do you want to fix full header with Default welcome msg etc? or only the section you are showing in screenshot? – Sukumar Gorai Sep 21 '18 at 8:23
  • do have both solution? – Ushno Ahmad Sep 21 '18 at 9:09
  • yeah!! what about that full one and must have to be sticky! – Ushno Ahmad Sep 21 '18 at 9:10
  • @SukumarGorai Dada How can i find you on facebook? so that i could ask you some favour!!! – Ushno Ahmad Sep 24 '18 at 11:19

If you are trying this on default luma theme then you can try the below css:

.page-wrapper .page-header{position: fixed; width: 100%; background: #fff; z-index: 999;}
.page-wrapper .nav-sections{margin-top:131px;}

Add this css to your css file or any less file. Flush the cache. And run any required commands if needed.

|improve this answer|||||
  • what about background image on it? – Ushno Ahmad Sep 21 '18 at 9:37
  • Sticky is working? – Sukumar Gorai Sep 21 '18 at 9:49
  • After Deploying Customised Luma Theme!!! Css / layout none of them are working!!! :( – Ushno Ahmad Sep 21 '18 at 9:55
  • Check file permissions – Sukumar Gorai Sep 21 '18 at 10:33
  • static content working fine!!! Thanks Man!!! – Ushno Ahmad Sep 21 '18 at 10:43

enter image description here

I have tried, Deploy, cache, di:compile, reindex

But still not working!!!! :'(

|improve this answer|||||
  • remove pub/static and deploy again but also specify your locale. – Greg Sep 21 '18 at 10:38

enter image description here

I was wanting this tent as header background will flot on top while scrolling !! so that it feels like when i scroll, page goes under that tent!!

|improve this answer|||||
  • @Sukumar Dada !! – Ushno Ahmad Sep 24 '18 at 11:11

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.