Replies posted by captainA

1 Reply

Rob_O_Connor
Rob_O_Connor
posted in Ask a Question

Building drop-down header menus tutorial

I’ve tried reading many of these threads here and all of them have only half the puzzle. To anyone trying to build out a header drop down that’s responsive and also, use .hover css to ensure a good user experience, here’s the code I used to get it working: ==script== // button 1474 is Nav Button; Box1510 is the menu that pops up ('#lp-pom-button-1474, #lp-pom-box-1510 .lp-pom-button').hover(function() { ("#lp-pom-box-1510").show(“fast”); }); ('#lp-pom-box-1510').hover( function(){(’#lp-pom-box-1510’).show();}, //shows when hovering over function(){$(’#lp-pom-box-1510’).hide();} //Hides when hovering finished ); ==/script== CSS: ==style== #lp-pom-box-1510{ display: none; position: fixed; top: 59px; left: 50%; margin-left: -160px; } ==style/==

21
T
2 years ago

Badge winners

Show all badges
Terms & ConditionsCookie settings