Forums

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

Home Forums CSS Replacing menu button on mobile with always-expanded items

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

    Hello,

    I would like to ask for help with the mobile view of a WordPress website. I’ve been struggling to find a way to replace the menu button with the simple, always-expanded items. I would highly appreciate any advice.

    I don’t have access to editing my theme (‘Twenty Twelve’) because of tight hosting controls in my institutions. I do have access to the ‘Additional CSS’ option, which can go quite a long way, after all–and I hope so too for this matter.

    Website for which I’m requesting advice: http://wp.lancs.ac.uk/prospr/

    Thank you very much,

    Pablo

    #282182
    Beverleyh
    Participant

    I can’t see much on mobile, but the menu markup changes from this;

    id="menu-menu-1" class="nav-menu"

    To this;

    id="menu-menu-1" class="nav-menu toggled-on"

    When the menu button is activated.

    I would presume that there are styles defined against this toggled-on class in one of your stylesheets that you can transfer to the non-activated state to keep the menu permanently open.
    You can use the developer toolbar to see what/where those are – that’s F12 in most browsers.

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