Topic: Full screen scroller with sticky header
Hello, as specified in the object we need to create a page using your "Full screen scroller" module with a sticky header.
Can you help us do this?
Hi.
How about this little hange?
.fixed-top {
position: relative;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}
Hi,
At the following link there is the snippet:
https://mdbootstrap.com/snippets/jquery/infocommediasrl-it/1620926
The fullscreenscroller plugin not working there.
Create a code snippet here: https://mdbootstrap.com/snippets/ with the code you already have. Then I can see what we can do.
Thanks for the reply, but is there no way to destroy the fullScreenScroller object when the window size is less than a certain number of pixels? In this way the problem is solved even if the user narrows the browser window.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Free
- Premium support: No
- Technology: Other
- MDB Version: -
- Device: Desktop
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: No
Grzegorz Bujański staff commented 4 years ago
Sure, just tell me what the problem is?
Co.m.media free commented 4 years ago
We need to have a sticky header with logo, search bar, menu and social links on our page, the only solution we have found at the moment is to create a div with the fixed-top class for the header and add padding to the fss-mainview class to avoid overloading. Is our solution correct or is there another way to do what we want?