How can I apply a transparent header to secondary pages in Blockshop theme 2.0?

Technical Q&A

Topic summary

Transparent header behavior in Blockshop theme 2.0: the header is transparent on the main page, and users want the same on secondary pages (e.g., product pages). One user notes the attribute data-transparent-menu=“true” appears to control transparency but can’t locate where style=“height: 0px” is set to adjust it.

  • Request for diagnostics: A responder asked for the store URL to investigate the issue further.
  • Additional report: Another user says their header is not transparent at all despite activating the transparent header option and shared their site URL (foal.co.nz) for troubleshooting.

Current status: No solution or code changes were provided in the thread. The discussion remains open pending review of specific site implementations.

Open items:

  • How to reliably apply a transparent header to product/secondary pages.
  • Where the height/inline style controlling the header (e.g., style=“height: 0px”) is defined and how to modify it.

Notes: The mention of data-transparent-menu=“true” is central to understanding the technical approach; no images or attachments were provided.

Summarized with AI on January 21. AI used: gpt-5.
1

Hi,

I am using Blockshop theme 2.0.

In my site transparent header is activated for main page and I would like to apply the same to secondary pages like product page etc. as well.

I could see that data-transparent-menu=“true” make the header transparent.

but couldn’t find the code to change style=“height”: 0px.

Can anyone please help me in making the header transparent for product pages as well.

Thank you

2

@ssrajsidhu ,

Share the store URL.

3

Hi I need help with my Blockshop header not showing as transparent at all despite transparent header being activated.

URL = foal.co.nz

would love help troubleshooting this!