Page header alignment

Ask & Offer
1

page header is covering the top section of page like title. please guide me how to fix this

image
image1366×768 193 KB

2

You have this code added to overlay our header over the banner image on homepage, I guess recommended by Moeed?

<style>
  @media screen and (min-width: 768px) {
    div#shopify-section-sections--18168767086770__header {
        margin-bottom: -72px !important;
    }
  }
</style>

However, the code applies on every page the way it’s added.
You can wrap it with conditonal like this:

{% if template.name == "index" %}
  <style>
    @media screen and (min-width: 768px) {
      div#shopify-section-sections--18168767086770__header {
          margin-bottom: -72px;
      }
    }
  </style>
{% endif %}
3

Hello @sagarweb ,

I hope you are doing well!

Can you please share the store URL so that I can provide you the CSS which will fix the header height.

4
5

thank you its working