I am new to Elementor and trying to fixe my sidebar but it isn't working right. Can you help me? Here is the image of what I do.
The page in which I am trying to make the sticky sidebar
Related
I've created sticky scrolling effect (boxes are scrolling down and overlaping) using Elementor and Wordpress (here: http://195.78.66.87/~marwis93/brudnopis/).
Now I'am trying to move this effect to Bootstrap or pure CSS, any hint or idea how to this? I am not an expert not nothing works, sticky parameter does not work at all.
First: I am sorry about my english
here is my problem
when the page was opened
fixed navbar is still work properly
after the user scrolls down, the navbar will move up and left haft of it.
In the navbar class I added "is-fixed-top" and in the body class I added "has-navbar-fixed-top"
Beginner
Thanks
For example, please check this site (not mine - just for reference) Link
I have the same theme as this site.
On ref. site pages (other than Home page), Header appears in the form of sticky Navbar.
But at the Home page, There is transformation between Header and Navbar. When user scrolls down header converts into Navbar and vice-versa .
I want it to keep Sticky Navbar (just like other pages) in my Home Page as well... Thanks
If you just want your menu to stick to the top of the page as it is when it reaches it add position:sticky to your header container div CSS.
[How to create a sticky navbar just visit this site 1
Hope this helps...
Regards..!
I can't figure out how to get the carousel to not hide behind the fixed navbar.
I have tried a few things but I always get lost.
I want the navbar fixed to the top if possible. View the page:
http://www.pegasusbus.com/ebrochure/
Can anyone help me? I am new to all this but a quick learner.
Thank you!
add <br> after your top navigation. It works for me.
So I was looking at the new MemSQL website at http://www.memsql.com/product. When you scroll past the navbar that loads in the middle of the page, it expands and sticks to the top of the screen.
The initial view:
After scrolling past the navbar:
How would you implement something like this? Is there a simple way to do it through Bootstrap?
Look into jQuery Waypoints plugin. Specifically this. http://imakewebthings.com/jquery-waypoints/shortcuts/sticky-elements/
There is a lot of stuff that Waypoints can do though. Check it out!