Forums

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

Home Forums CSS Set Hamburger menu to always visible

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #263568
    alexakal
    Participant

    Hello,
    I am trying to set the Hamburger menu on this wordpress website
    http://toestocrown.com
    not just for mobile also for tablet and desktop version.
    I have tried to, without success.
    Anyone could help please?
    Many thanks

    #263571
    JeroenR
    Participant

    I think I would choose another setup myself, but a quick fix could be the following:

    Change these lines in your stylesheet:


    @media only screen and (min-width: 40.063em) { .menu-toggle { display: none; } .main-navigation { float: right; display: block; border-top-width: 0; } }

    to these:


    @media only screen and (min-width: 40.063em) { .menu-toggle { display: block; top: 30px; } .main-navigation { float: right; border-top-width: 0; } }

    So class .menu-toggle is always visible, and class .main-navigation is hidden by default.

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