Re: sticky header prestige

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

rodolfoq
Excursionist
19 0 9

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.

Replies 8 (8)

osamafarooqi71
Shopify Partner
254 21 44

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

 

Regards, 
Osama Farooqi

Shopify Theme Developer | Contact me | Hire expert
- Was my reply helpful? Click Like 🙂 to let me know | Buy Me Coffee
- Was your question answered? Mark this as Accepted Solution
rodolfoq
Excursionist
19 0 9

southernhillclothing.com

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

Made4uo-Ribe
Shopify Partner
6981 1661 2051

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

I hope it help.

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
rodolfoq
Excursionist
19 0 9

Password- Southernhill23

 

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

Made4uo-Ribe
Shopify Partner
6981 1661 2051

Oh okay, Try this one. 

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

result:

Ribe_Dagandara_0-1690899760248.png

 

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
rodolfoq
Excursionist
19 0 9

it worked. thanks

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

Made4uo-Ribe
Shopify Partner
6981 1661 2051

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%;
}

 

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

rodolfoq
Excursionist
19 0 9

still need help with my problem