Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

header not trasparent

Featured Lock Resolved Issue
Hi, I need the header not to be trasparent
I've change file template.css line 1580 deleting top:20px, backgorund:trasparent !important and height:auto.

.transparent-header .sticky-wrapper:not(.is-sticky) #sp-header {
position: absolute;
width: 100%;
left: 0;
/* top: 20px; */
z-index: 999;
/* background: transparent !important;
height: auto; */

It works until I clean the cache. After it comes back again. How can i fix the problem?
I'm using preset 3 and the menu class is transparent-header but it changes the height
Thanks

4 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Please never edit any code in template.css . It can cause many misleading issues. You can use this code in your custom css and let me know if it solves your problem.

-Best Regards

newlife

More than a month ago #Permalink
Hi,
Thanks for your query. Please never edit any code in template.css . It can cause many misleading issues. You can use this code in your custom css and let me know if it solves your problem.

-Best Regards


OK, I've wrote

.transparent-header .sticky-wrapper:not(.is-sticky) #sp-header {
position: absolute;
width: 100%;
left: 0;
/* top: 20px; */
z-index: 999;
/* background: transparent !important;
height: auto; */
}

on the custom css template but it does not work. Instead it works for changing color to the btn hover

Thanks for your help

newlife

More than a month ago #Permalink
I've solved


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 117
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 91
Toufiq

Toufiq

Total Accepted Answers: 32
Al Mamun

Al Mamun

Total Accepted Answers: 3
J

johnny

Total Accepted Answers: 3

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us