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

Your Time: Our Time:

Sticky header not working after updating

Featured Lock Resolved Bug
Hi,
after last upgrade to SP Page builder Pro 3.2.5 my Sticky header is no longer working!

please have a look to the site http://www.maristanis.org/

Thanks for your help!
Federica

13 Answers

Sifat - Staff

More than a month ago #Permalink
Hi,
Thanks for your query. Please use this css into your custom css to get that fixed

#sp-header {
position: fixed;
top: 0;
left: 0;
height: 120px;
z-index: 9999;
width: 100%;
}


-Best Regards

Federica Satta

More than a month ago #Permalink
Dear Sifat, unfortunately with the added code component goes behind header hiding a part of the content area.
How can I fix it without forcing template?

Thank's a lot
F

Sifat - Staff

More than a month ago #Permalink
Dear Sifat, unfortunately with the added code component goes behind header hiding a part of the content area.
How can I fix it without forcing template?

Thank's a lot
F

Would you please share a screenshot of the issue?

Peter

More than a month ago #Permalink
I got the same issue with shaper knight.

When I apply your fix, the whole header is always sticky (and "transparent";). But I need a background color, as soon as the scrolling starts.

Right now, the sticky navigation is not readable, since the content scrolls up "behind" it.

check it out on

test.manuela-henseler.ch

(demo / Demo123$)

What's the reason for this issue?

Thanks

Seppi

Sifat - Staff

More than a month ago #Permalink
I got the same issue with shaper knight.

When I apply your fix, the whole header is always sticky (and "transparent";). But I need a background color, as soon as the scrolling starts.

Right now, the sticky navigation is not readable, since the content scrolls up "behind" it.

check it out on

test.manuela-henseler.ch

(demo / Demo123$)

What's the reason for this issue?

Thanks

Seppi


Hi,
Please use this css to get that working

#sp-header {
position: fixed;
top: 0;
left: 0;
height: 120px;
z-index: 9999;
width: 100%;
background-color: #000000a6;
}


-Thanks

Peter

More than a month ago #Permalink
Thank you

We already tried with this code and had to comment it out again (sorry).

Now, I activated this css code again and you can see our issue with the missing background on scrolling.

Cheers, Seppi

Sifat - Staff

More than a month ago #Permalink
Thank you

We already tried with this code and had to comment it out again (sorry).

Now, I activated this css code again and you can see our issue with the missing background on scrolling.

Cheers, Seppi


Please check i've added a background color in my new code snippet

#sp-header {
background-color: #000000a6;
}


-Thanks

Peter

More than a month ago #Permalink
Hi, thanks but this is not quite it.

Maybe I didn't express myself accurate enough, sorry: With the code provided, the background color is set permanently.

But it's important, the background color appears only, when the page is scrolled.

In other JoomShaper templates this is done with


#sp-header.menu-fixed


But we tried with


#sp-header.menu-fixed {
background: #005093;
}


and unfortunately it's not working like this.

What's our mistake?

thank you

S.

Peter

More than a month ago #Permalink
Hi, can you please help us with this issue? Thanks

Sifat - Staff

More than a month ago #Permalink
Hi, can you please help us with this issue? Thanks

Hi,
Please uncomment the lines from your main.js http://prntscr.com/kcp53p
That'll solve your issue.

-Thanks

Peter

More than a month ago #Permalink
Hi Sifat

YES, that's exactly what we needed! Thanks a lot!

Best regards
S.

Sifat - Staff

More than a month ago #Permalink
Hi Sifat

YES, that's exactly what we needed! Thanks a lot!

Best regards
S.

You are most welcome


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 110
Toufiq

Toufiq

Total Accepted Answers: 61
Sifat

Sifat

Total Accepted Answers: 45
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 22
Ofi Khan

Ofi Khan

Total Accepted Answers: 20

118

Templates

306197

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