Merge header and slideshow in dawn theme

[Vishavjit]

I have a slideshow that i want to merge into header above i.e i want slideshow as background in header section as well 

[GemPages]

Hello @Vishavjit ,

Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?

Kind & Best regards,
GemPages Support Team

[Vishavjit]

https://rousestore.com/ 

[GemPages · Accepted solution]

Hello @Vishavjit ,

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

{%  if template contains 'index' %}    
    <style>
      div#shopify-section-header {
          position: relative;
      }      
      .header-wrapper {
          position: absolute;
          width: 100%;
          background: rgb(255 255 255 / 26%);
      }
    </style>
    {%  endif %}

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

[danbot]

Hi!

Is it possible to make the same with the footer? Like a fixed homepage without scrolling down or up

Thanksss 🙂

[cococat]

It work. However, on mobile device, i cannot click onto my mobile hamburger menu navigation. If i click the hamburger, the url of slideshow will trigger and lead me to product page. How to fix it?

Edited: Now even the desktop header menus are not clickable. Look like the slideshow is in the way.

[DreamLab]

It still shows a very low opacity white square on the header. Is there anyway to fix that?