Menu like IBM.com on bootstrap page
New here? Learn about Bountify and follow @bountify to get notified of new bounties! x

if you head over to http://www.ibm.com/us/en/

you will see their menu slides the content down and also has a cool carousel effect when you go between nav items. we need to maintain responsiveness and go to a hamburger menu in the top right as our code does today.

here is our page
https://dl.dropboxusercontent.com/u/2982102/Temp/acme-menu/nda.html

here is the zip of the code
https://dl.dropboxusercontent.com/u/2982102/Temp/acme-menu/acme-menu.rar

awarded to stm

Crowdsource coding tasks.

1 Solution

Winning solution

Hi,
check the link below for the solution.

https://www.dropbox.com/s/ezki2wz2w0bcnjx/bounty.zip?dl=0

I added a carousel in the main html file between the navbar and the main content. It is hidden on small screen device.

All the logic is in the IBM_menu function in js/jquery.main.js

this looks awesome on desktop! do you have an idea for how to access sub items in responsive?
Qdev almost 4 years ago
A possible solution would be to use a dropdown only for the mobile version. Look at this example http://getbootstrap.com/examples/navbar-fixed-top/
stm almost 4 years ago
Yes exactly
Qdev almost 4 years ago
Check out the modified version here: https://www.dropbox.com/s/ezki2wz2w0bcnjx/bounty.zip?dl=0
stm almost 4 years ago