Why there's a white block in header? - Publisher Theme

Why there's a white block in header? - Publisher Theme

randytheasian
Pathfinder
115 0 23

URL: https://jsdqft-gs.myshopify.com/

 

Can someone help me to check what's the white block in header? It's supposed to be transparent.

 

Screenshot 2024-12-17 at 5.28.47 PM.png

Replies 10 (10)

Rahul_dhiman
Shopify Partner
855 168 186

Hello @randytheasian 
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.header-wrapper {
border-bottom: 0px !important;
}

Result
81.png

If this was helpful, hit the like button and accept the solution.
Thanks

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

randytheasian
Pathfinder
115 0 23

The white block should not be there. How do I remove the white block?

randytheasian
Pathfinder
115 0 23

I don't think is the header issue. I think there's a white block on top of image banner

Tech_Coding
Shopify Partner
520 133 131

Hello @randytheasian 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .header-wrapper {
      border-bottom: unset !important;
   }
</style>

Before:

Tech_Coding_0-1734429186386.png

Result:

Tech_Coding_1-1734429232440.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
randytheasian
Pathfinder
115 0 23

How do I remove the white block? I can't detect that 

Tech_Coding
Shopify Partner
520 133 131

Add this code

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .header-wrapper {
      border-bottom: unset !important;
   }
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
randytheasian
Pathfinder
115 0 23

The white block is still showing. 

Tech_Coding
Shopify Partner
520 133 131

refresh your site and check.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
randytheasian
Pathfinder
115 0 23

The white block should not be there. 

 

Screenshot 2024-12-17 at 6.15.27 PM.png

Tech_Coding
Shopify Partner
520 133 131

See there is no white block on banner now.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.