Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Slide in Drop Down Menu

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #195273
    coderzm
    Participant

    Hi guys,

    It’s my first post at this forum, and I have learnt a great deal from many of the posts here.

    I have a few questions based on the nav menu in this website.

    https://www.hyperisland.com/

    From studying the CSS so far, I understand that the menu is hidden using the transform method – TranslateY to be precise.

    Upon clicking on the menu button, it makes the div class of nav-scroll active. The active selector on .nav-scroll brings the menu down with the transform method.

    Question –
    1. Is there anything else that I should be looking out for?
    2. How is menu button linked to the .nav-scroll class?
    3. I don’t quite understand this part –

    data-behavior=”toggle_header” data-icon=”☰” data-toggle=”#header=.active” data-track-click=”show” data-track-event=”menu” href=”/?menu=1″

    I pasted some lines of the CSS codes – http://codepen.io/anon/pen/WbXdLK

    Thank you!

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.