• Resolved patrick_here

    (@patrick_here)


    As I understand, for a menu to be truly responsive, the user should only see a symbol like three horizontal bars in the upper left hand corner of the screen on a mobile phone and when these bars are tapped, the whole menu should fill up (or nearly fill up) the screen of the cell phone.

    Does a Bellows Accordian Menu have a way of doing this or does one have to code it specially? In other words, can I create the Bellows Menu and then have it (initially) display one way on a desktop computer and another way on a mobile device?

Viewing 1 replies (of 1 total)
  • Plugin Author sevenspark

    (@sevenspark)

    Hi Patrick,

    No, that is not what responsive means. Responsive means that the element responds to the viewport size. That can be implemented in a variety of ways.

    What you’re thinking of is a type of mobile menu known as a “hamburger” or “off canvas” menu. You can do that with something like ShiftNav

    Bellows is not an off-canvas menu, so it can’t automatically be toggled to fill the screen, since it might be anywhere in your layout. You could potentially add in a toggle button to toggle the menu’s visibility on mobile. Currently that’s something you’d have to custom code, but it’s something that I could look into adding an option for in a future release. While it’s not a standard way for an accordion menu to work, I could see that being useful in certain instances.

    Best,

    Chris

Viewing 1 replies (of 1 total)

The topic ‘Mobile/Responsive performance’ is closed to new replies.