Support Forums

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

Your Time: Our Time:

Header Colour

Featured Lock Resolved Issue
Hi,

On responsive view the header background turns to white, I want it to be black but I cannot find where the css is to do that !
Please see image to see the problem I am waffling on about. :D
Thanks

Attachments (1)

  • Scaffolders   Norwich   Norfolk   Cornfield Scaffolding.png
    Scaffolders Norwich Norfolk Cornfield Scaffolding.png 218.8 KB

14 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
TRY this:

@media (max-width: 767px) {
.transparent-header .sticky-wrapper:not(.is-hidden) #sp-header,
.transparent-header #sp-top-bar {background: black !important;}
}

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
1) I need URL to say more
2) You mean Header addon ?

Top

More than a month ago #Permalink
Hi,
1) I need URL to say more
2) You mean Header addon ?


Thanks, URL is - removed for security

It is the TOP Bar & the Header, they are both set to background #000000 but when in mobile view they change to white and I cannot see a way to fix it. I have tried allsorts.
Thanks

Paul Frankowski - Staff

More than a month ago #Permalink
"I have tried allsorts."
But you didn't tried McGyver's solutions.
---

@media (max-width: 767px) {
#sp-top-bar,
#sp-header {background: black !important;}
}


Above fix is for Small Tablets and Mobile only.

Attachments (1)

  • custom_css_field_helix3.png
    custom_css_field_helix3.png 9.9 KB

Top

More than a month ago #Permalink
"I have tried allsorts."
But you didn't tried McGyver's solutions.
---

@media (max-width: 767px) {
#sp-top-bar,
#sp-header {background: black !important;}
}


Above fix is for Small Tablets and Mobile only.


Thanks but it didn't change it :o

Paul Frankowski - Staff

More than a month ago #Permalink
Hmm, moment.

Top

More than a month ago #Permalink
still the same, sorry

Paul Frankowski - Staff

More than a month ago #Permalink
If possible send me access to admin area (Super User) via PM, it will be faster

Top

More than a month ago #Permalink
Hi Paul,

I sent you the details, have you managed to look at it yet?
Thanks

Paul Frankowski - Staff

More than a month ago #Permalink
Aa sorry, now I see your PM. It was "lost" between, other auto emails. Moment.

Paul Frankowski - Staff

More than a month ago #Permalink
Your template was based on Helix3 template, but it's not a Raw Helix3 engine -- so that's why it's not so easy. Beside you made bug inside custom CSS code, missing }
But I promised you to take care. So I did, done.

Paul Frankowski - Staff

More than a month ago #Permalink
Tip for future!
All @media (max-width: 767px) { .... }

have Start " { " and End " } " don't forget, because browser can be blind.

Top

More than a month ago #Permalink
Thank you Paul, I knew I was missing something!
Many thanks again, your service is 1st class!


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

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 142
Toufiq

Toufiq

Total Accepted Answers: 48
Shibbir

Shibbir

Total Accepted Answers: 25
Pavel

Pavel

Total Accepted Answers: 4
Rodrigo Corbata

Rodrigo Corbata

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

Cron Job Starts