I've purchased your template and it's looking great on desktop but it's got a few issues when displaying on small devices.
I thought maybe I messed up but even the Live Previews on WrapBootstrap show issues when you switch to small device mode in Chrome.
Do you have any upgrades planned that might address its use on small devices?
O'Bannon uses a parallax scrolling JS called skrollr but that library seems quite dated now and the author no longer supports it saying this in its github page:
"skrollr hasn't been under active development since about September 2014 (check out the contributions graphs on https://github.com/Prinzhorn/skrollr/graphs/contributors) and I don't have any plans for doing major changes to it. Please consider this before using skrollr in production as problems with new browser versions, especially on mobile, will most definitely surface. "
It's a shame as I really love the look of the O'Bannon template on desktop browsers. I wonder how difficult it would be to replace the skrollr with some other animator?
To get it working you need to import the AOS css and js and initialize it skrollr was previously initialized. Then...
I changed the menu "nav" element to have this:
<nav class="navbar navbar-inverse navbar-transparent wow fadeIn"
style="border-bottom:1px solid rgba(255,255,255,.1);"
and added this to my CSS:
// AOS background transition to almost opaque
and now O'Bannon works on mobiles!!!! Whoooohooooh!
Add id="menu-bg-trigger" to the hero div
<!-- Hero area -->
Write a comment
This is a great way to give the seller feedback and ask them questions about their item.
You must sign in to write a comment
|Bootstrap:||Compatible with 3.3.x|
|Labels:||animate, app, bower, css3, landing page, parallax, sass, slider|
|Released:||2 years ago|
|Updated:||2 years ago|
Need an admin template?
Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.
Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.
Built to support new HTML5 elements and syntax with progressively enhanced components.
Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.
- Latest Chrome
- Latest Firefox
- Latest Safari
- Latest Edge
- Internet Explorer 10/11
- Latest Opera
Features & includes
Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running: