Thanks so much!.... it works!...

You are most welcome.

Hello Mehtaz Afsana

I'm using the WIMBLE template again, and I'm experiencing the problem again: the top menu area isn't transparent.

I already applied the CSS code you provided me two years ago. I also applied it to this new template in Joomla 5.3.1, and it doesn't work.

Is there new code you could provide me, please, to customize that template?

Hi

You can use this CSS in your custom.css file

#sp-header {
    position: absolute !important;
    background: rgba(0, 0, 0, 0.1) !important;
}

Thanks so much!.... it works!... you saveme Mehtaz Afsana!!... Thanks...

Hi Mehtaz Afsana

The code you gave me helped me a lot, but since I'm not very familiar with the configuration of CSS files, I've now lost the ability to make the top bar, where the menu is, stay fixed while scrolling down, and the letters have turned black (I don't want to change the color customization because I've previously made some adjustments and they haven't turned out quite right).

I'm attaching three images of what I'm telling you.

That's why I ask you to please add the lines of code to the code you kindly gave me that keep the top bar fixed while scrolling and make the letters transparent.

![https://1drv.ms/f/s!ArQUV051UxWYgrfBDe_Djj_0R9V6wfo?e=ad3keD] (https://1drv.ms/f/s!ArQUV051UxWYgrfBDe_Djj_0R9V6wfo?e=ad3keD)

I already gave you the code

https://prnt.sc/i51oZD9KqExl

If you want to fixed the header then you have to remove the position absolute from the header.

#sp-header {
    position: absolute !important;

}

You have to remove this portion of code but if you remove position absolute then the header will not be transparent, you can use opacity on them. Because when header is in Relative position or fixed position, therefore you can see body background color through Header. So this is the case.

Thank you so much for the information, Mehtaz Afsana.

It's really helpful. The transparency where the menu is located was already achieved with the codes you sent me, and I was able to manipulate the transparency a bit, as you mentioned.

There are only two things I can't seem to do: pin the menu to the top and make the text white.

It's clear to me that these are minimal details, and I kept looking until I got them. I don't want to waste your time with minor details.

The last question is, do you know if you have the original code, just as the template comes once it's installed? The template works perfectly once installed.

Due to design manipulation and for reasons unknown to me, the top bar where the menu is located was changed, or I changed it myself due to a lack of knowledge (there's no doubt about that), and it no longer displays as it originally did once the template was installed.

Is there original code I could copy and paste into the CSS customization to make it work like the original template?

If not, I'll understand, and I'd be very grateful for the help, Mehtaz Afsana.

Thanks, realy Thanks.

Hi

Do you want this effect?

https://prnt.sc/qjOBYoCqbbet

You can then try this CSS in your custom.css file

#sp-header {
    position: fixed !important;
    background: rgba(0, 0, 0, 0.2) !important;
}
.sp-megamenu-parent>li>a {
    color: #fff !important;
}

Thank you so, so much Mehtaz Afsana

This is the code I needed, I really appreciate it!! Thank you!!!

You are always welcome.

We greatly value your opinion and would love to hear your feedback about our product. If you could spare a moment, it would mean a lot to us!

You can share your review here:

Joomla Extensions Directory

Trustpilot

Thank you for your time and support. Your feedback helps us improve and grow!

Hello Mehtaz Afsana.

I've already posted my review of the component and your excellent service. Thank you.

Thanks a lot.