Support Forums

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

Your Time: Our Time:

line above while scrolling

Featured Lock Resolved Issue
hi,

what do I have to do, that the line at the top with the phone number and social media icons when scrolling the page also remains firmly above like the menu?

http://www.anklamer-hof.de

Thanks.

11 Answers

Toufiq - Staff

More than a month ago #Permalink
When scrolling, the line with the phone number is missing.


Updated the code. Please use the code again

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
you have to customize styles, by using extra CSS code.
---
This should help:

.menu-fixed#sp-header {top: 35 !important;}
.has-slideshow#sp-top-bar {position: fixed !important;}

#sp-top1 a,
#sp-top2 a, #sp-top2 ul.social-icons > li a {color:#ccc}

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Please clarify your query. You can attach a screenshot that you want to do exactly.

-Thanks

Paul Frankowski - Staff

More than a month ago #Permalink
Check and let me know.

Jan

More than a month ago #Permalink
Tried answer from Paul. It's not like I wanted it to be.

I would like that the line with the phone number when scrolling also moved down and stuck at the top of the screen remains.

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Please add this css code inside the custom.css file.

.has-slideshow#sp-top-bar {
background-color: rgba(0,0,0,0.9);
position: fixed;
}
.menu-fixed#sp-header {
background-color: #fff !important;
position: fixed !important;
top: 34px !important;
height: 60px;
}


-Thanks

Jan

More than a month ago #Permalink
When scrolling, the line with the phone number is missing.

Paul Frankowski - Staff

More than a month ago #Permalink
Yes, in my code bg color was "missing". But I didn't know if you want to use black , grey bg or whatever. Or just add text-shadow.

Jan

More than a month ago #Permalink
Thanks to you both for the quick help.

Toufiq - Staff

More than a month ago #Permalink
Thanks to you both for the quick help.


Hi, You are most welcome & 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: 135
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 120
Toufiq

Toufiq

Total Accepted Answers: 65
Pavel

Pavel

Total Accepted Answers: 5
Peter Atkin

Peter Atkin

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