Support Forums

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

Your Time: Our Time:

Sticky header stays black

Featured Lock Resolved Issue
Hi,

After moving to another server, the sticky header is still turning black upon scrolling down the page. Before moving server, it worked fine and stayed the same colour, just turned transparent. Here is the the code I'm inserting into the template css:

.has-sub-image #sp-header.menu-fixed, .has-slideshow #sp-header.menu-fixed, #sp-header.menu-fixed {
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.05);
box-shadow: 0 3px 3px rgba(232,232,232,0.05);
-webkit-transition: all .3s;
-o-transition: all .3s;
background-color: #e8e8e8 !important;
}

8 Answers

Shibbir

More than a month ago #Permalink
Hi there,

Instead of box-shadow try to use background

Thanks.

Shibbir

More than a month ago #Permalink
Hello

Could you please share your website address ? So that I can check it for you.

Thanks.

communityuk

More than a month ago #Permalink
Hello

Could you please share your website address ? So that I can check it for you.

Thanks.

Hello,

Here is the website address:
http://dev.digitalunitygroup.net/

Thanks

Shibbir

More than a month ago #Permalink
Hello

Could you please share your website address ? So that I can check it for you.

Thanks.

Hello,

Here is the website address:
http://dev.digitalunitygroup.net/

Thanks


Hi there,

Now do you want the transparent background when you scroll?

Thanks.

communityuk

More than a month ago #Permalink
Hello

Could you please share your website address ? So that I can check it for you.

Thanks.

Hello,

Here is the website address:
http://dev.digitalunitygroup.net/

Thanks


Hi there,

Now do you want the transparent background when you scroll?

Thanks.
Hello,

I would like it to be a little transparent but still the same colour of the header when it's at the top (#e8e8e8)

Thanks

communityuk

More than a month ago #Permalink
Hi - We still have not resolved this issue - The Header still goes black when you scroll down and we want it to remain the same.

Shibbir

More than a month ago #Permalink
Hi there,

go to template.css file at line number 1599 and replace following CSS code:


.has-sub-image #sp-header.menu-fixed, .has-slideshow #sp-header.menu-fixed, #sp-header.menu-fixed {
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.05);
box-shadow: 0 3px 3px rgba(0,0,0,0.05);
-webkit-transition: all .3s;
-o-transition: all .3s;
background-color: rgba(232, 232, 232, 0.5) !important;
}


Let me know about it.

Thanks.


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: 114
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 113
Toufiq

Toufiq

Total Accepted Answers: 58
Pavel

Pavel

Total Accepted Answers: 4
Mohammed Ahmed

Mohammed Ahmed

Total Accepted Answers: 2

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