How can I make the Prestige theme header disappear while scrolling?

Shopify Discussion
1

can someone help me with my header. I want the header to disappear when scrolling down and to appear when scrolling up. I’m using the prestige theme. thanks.

2

Hello @rodolfoq , would you like to share the store URL? So, I can look further into your request.

Regards,
Osama Farooqi

3

also can you help me remove the Shopify logo on the password page please.

1 Like
4

Thank you for the information. Would you mind to share the Password of your store? So we can check. Thanks!

Try this one to rmeove the logo in your password page.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
h1.password__logo {
    visibility: hidden;
}

Result:

Ribe_Dagandara_0-1690899099303.png
Ribe_Dagandara_0-1690899099303.png660×402 4.13 KB

I hope it help.

5

Password- Southernhill23

for the Shopify logo I meant the one on the bottom left. I can’t get the logo back

1 Like
6

Oh okay, Try this one.

.text-with-icon {
    display: none;
}

result:

Ribe_Dagandara_0-1690899760248.png
Ribe_Dagandara_0-1690899760248.png720×402 4.44 KB

1 Like
7

it worked. thanks

now I just got to figure out the header, to disappear when scrolling down and to appear when scrolling up.

1 Like
8

I checked your website. For you to able to get the header, disappear when scrolling down and to appear when scrolling up is needing some liquid code.

For now I can only provide the code for header showing when scrolling up and down.

header#shopify-section-sections--19515415200040__header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
9

still need help with my problem