3 replies · opened Apr 13, 2018
Hi,
Trying to make this work... The data in the Sticky-header is not centered and when scrolling down the page the white background on the container is offset.
https://www.blendmount.com/index-filter.html
--
</style>
<style>
.sticky-form { height: 68px; }
#header.sticky-header + .sticky-form form {
position: fixed;
background-color: #FFF;
top: 60px;
width: 100%;
z-index: 99;
height: 68px;
border-bottom: 1px solid #EEE;
}
</style>
Hello,
Consider using the following code:
#header.sticky-header + .sticky-form form {
position: fixed;
background-color: #F9F9F9;
top: 60px;
left: 0;
width: 100%;
z-index: 99;
height: 43px;
border-bottom: 1px solid #EEE;
}This should work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Hi SemiColonWeb,
I'm still having the same problem :( ..When you scroll down the menu shift to the left and it's not aligned in the middle on the container.
I hope to hear from very soon.
Thank you
Seb
Hello,
Apologies about the Delays but please understand that we currently do not handle Customization Requests.
You can consider using the following code:
#header.sticky-header + .container {
position: fixed;
top: 60px;
left: 50%;
margin-left: -585px;
}Hope this Helps! You will need to hire a Freelancer for any future issues related to this.
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard