/    Sign up×
Community /Pin to ProfileBookmark

Hamburger Subnav Drop Downs

Copy linkTweet thisAlerts:
Jun 22.2018

I am using the following code:
https://codepen.io/jackpallot/pen/aKGKBP

I have the exact JS, and the following in my HTML/CSS. Please advise me as to why nothing happens when I click on the parent button (e.g. Products). [upl-image-preview url=https://www.webdeveloper.com/forum/assets/files/2018-06-22/1529673857-832826-capture.png]
[upl-image-preview url=https://www.webdeveloper.com/forum/assets/files/2018-06-22/1529673857-855351-capture2.png]

URL: http://www.regalgaming.co.uk/

to post a comment

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@SempervivumJun 22.2018 — There are two reasons:

1. You set visibility:hidden for .subnav

2. You set opacity:0 for .subnav

Fix by setting visibility:visible and opacity:1 for .subnav.subnav--active

[upl-image-preview url=https://www.webdeveloper.com/forum/assets/files/2018-06-22/1529680475-6117-subnav-issue.png]

(see attachment)
Copy linkTweet thisAlerts:
@rootJun 22.2018 — When posting, PLEASE POST CODE and NOT IMAGES.

Its helpful to people if they can actually interact with the code to replicate or see the problem themselves.
×

Success!

Help @CardwellCodes spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 4.27,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...