Transparent Sticky Header on Baseline Theme Version 3.0.2

Hello,

I use the Baseline theme and have just updated to it’s latest version (3.0.2)

Before I updated it, I was able to make my header transparent but now I can’t do that. When I edit the colors to be transparent it ends up showing as a black background instead.

Now I have no choice but to make it white. How can I make the header transparent? Screenshot below.

Hi @dxxrek

Please drop your store link here so I can provide the code to make your header transparent

Hi @dxxrek ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save


Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Hi @dxxrek ,

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

Result:

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

This worked! Thank you so much.

I also have another request. I’ve set my theme settings so that the product titles and price only show on hover/overlay. It works for the desktop but I want it like that on mobile too. On mobile it shows the product titles and prices. Any code to have this work on mobile too? References below.

Desktop :

Mobile: