ResolvedProduct page TOP header to be transparent

This topic has 10 replies, 2 voices, and was last updated 2 years, 3 months ago by Althemist.

Viewing 11 posts - 1 through 11 (of 11 total)

Author
Posts
February 1, 2021 at 3:10 pm #28641
mwago
Participant
Hello,
I have this issue, and believe its simple to fix, but I tried everything, but still cant fix it.
At a PRODUCT page design at mobile version, I dont know how to get the WHITE TOP bar which is behind the LOGO transparent. I dont know how to make it transparent, so the product text and images runs behing it. see the image. thanx.
https://mega.nz/file/Fl5SFAiA#e876MXXIQFncwU26eBO-ySwHdEQjVrYakXptI0JgMCE
thank you for advices.
February 1, 2021 at 3:26 pm #28642
mwago
Participant
I would like to add to this topic as it is probably related.
I have spotted a black line behind the WHITE TOP HEADER backgroup. So once I get the WHITE TOB HEADER background transparent, how can I make the the black line or black backgroudnt to be WHITE so is not visible. thank you for advices.
https://mega.nz/file/xooQTSCJ#uQnI82KNBRcUWwcVbm7VfFcAG8lrwIO36A6LvoR21DI
February 2, 2021 at 10:54 am #28655
Althemist
Keymaster
Hello mwago,
Unfortunately, we can’t guess what could be wrong by looking at pictures. Please, provide a working link were we can see the problem “live”. Screenshots never help.
February 2, 2021 at 12:44 pm #28671
mwago
Participant
This reply has been marked as private.
February 5, 2021 at 11:45 am #28707
Althemist
Keymaster
It says:
The file you are trying to download is no longer available.
Also, as we already explained, we’d need to access the site “live”. A video helps just as much as a screenshot.
February 5, 2021 at 8:14 pm #28742
mwago
Participant
This reply has been marked as private.
February 9, 2021 at 6:15 pm #28771
Althemist
Keymaster
We have sent a request as it’s still not accessible.
February 11, 2021 at 10:03 am #28828
mwago
Participant
This reply has been marked as private.
February 12, 2021 at 11:36 am #28851
Althemist
Keymaster
No problem. Now I understand. Unfortunately, this header type is not available for the single product page, so basically there is no way to achieve what you need, because there is no “title area” or custom content bellow the header. This option is only available on custom page, or pages with a title area.
February 12, 2021 at 11:58 am #28858
mwago
Participant
I see, so there is not way to make WHITE as transparent? or even if I hide logo at all? thank you for ideas or tips how to workarround it. thanx.
February 15, 2021 at 6:32 pm #28900
Althemist
Keymaster
You can use CSS to remove the background color and make it transparent, but it’s not that simple, as the transparent header also requires some JavaScript in order to work properly. You can also try to make it transparent only when scrolling the page. Something like this:
```
.single-product #header.lafka-has-header-top.lafka-sticksy::before, .single-product #header.lafka-has-header-top.lafka-sticksy {
    background: none;
}
```
Author
Posts