Transparent Header On Refresh Theme using PageFly for homepage

Shopify Discussion
1

Hello

I’m using Refresh theme and Pagefly for the homepage. I’d like to set up the homepage so that my first banner image goes under the main menu and scrolls with the page. How can I do this?

Thanks in advance!

2

Send me the URL

3

Hi @madseth1

This is Kate from the PageFly team. Thank you so much for choosing our app to improve your website.

To make transparent header on the theme, you can try this code by following these steps:

  1. Go to Online Store > Theme > Edit code

  2. Search file base.css

  3. Paste the below code at bottom of the file > Save

sticky-header.header-wrapper.color-background-1.gradient {
    position: absolute;
    width: 100%;
    background: transparent !important;
}

I would appreciate more details or URL so I can offer suitable suggestions.

I hope my suggestions prove helpful.

Kate | PageFly team