Header not doing what I select for it to do

Header not doing what I select for it to do

Viibed
Excursionist
23 0 5

I am trying to design my header but whatever changes I make to it in the editor, doesn't show in the actual website. For example, I selected for the sticky header to ONLY show on SCROLL UP but didn't change anything. Or another example is when I turned off the visibility for the header in the editor, it didn't change anything, and the header was STILL visible. Here is my website link Viibed

Reply 1 (1)

BSSCommerce-B2B
Shopify Partner
1972 564 568

Hi @Viibed , 

I have reviewed your requirement, you just need to edit css script and the issue will be resolved.  You can follow my instructions! 

Step 1: Go to Admin -> Online store -> Theme > Edit code:

BSSCommerceB2B_0-1722087128098.png

 

Step 2: Search for the file base.css, . And add this code snippet to the end of the file.

.header-wrapper {
    position: fixed !important;
    width: 100% !important;
}

Step 3: Save and reload page.

=>> the result will be sticky header to show on SCROLL UP .

BSSCommerceB2B_1-1722087282446.png

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sirr

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now