width set to 0 for div 'swipe-wrap' and all the elements div in it

[lyfeyaj]

width set to 0 for div 'swipe-wrap' and all the elements div in it

[loup-brun]

I think that Swipe sets the width according to actual space taken up by the slides. On the mobile version, the slides are invisible, and thus take up no actual space (so there's where the 0px comes from).

One way to deal with this is to trigger the Swipe setup method when the menu is shown. In the code, it could look like this for instance:

showMenu(); // show the menu, the way you implement it
mySwipe.setup(); // now that the menu is shown, setup the slides

With jQuery, it could look like this:

$('#menu').show(function() { // callback function
  mySwipe.setup();
});

[loup-brun]

Could you please provide a jsbin or something live, it is difficult to understand your problem. What do you mean by an "auto-hiding menu"?

[vicding]

Thanks for the prompt reply. herewith the jsbin link to the mobile version which does not work.

This is the PC version of the menu bar with happy customer slider using Swipes

In the Mobile version, visitor has to click the link to see the menu bar

Menu bar in the mobile version does not show the slides, but only the title

In mobile version, the menu bar is hidden by default and only be seen when the menu button is clicked.

[vicding]

Thanks for the help. I'll try and revert.

[augustom87]

having same issue, did you find any solution?

[augustom87]

having same issue, did you find any solution?

calling mySwipe.setup({options}) with initial options before showing swipe again worked for me