I used jQuery-Seat-Charts to make a layout and place reservation, the problem is that when it's in mobile I wanted it another way.
On the desktop it looks like this:
map: [
'a[,4]a[,8]a[,12]a[,16]a[,20]a[,24]a[,28]a[,32]a[,36]a[,40]a[,44]a[,48]a[,53]',
'a[,3]a[,7]a[,11]a[,15]a[,19]a[,23]a[,27]a[,31]a[,35]a[,39]a[,43]a[,47]a[,52]',
'____________a[,51]',
'a[,2]a[,6]a[,10]a[,14]a[,18]a[,22]a[,26]a[,30]a[,34]a[,38]a[,42]a[,46]a[,50]',
'a[,1]a[,5]a[,9]a[,13]a[,17]a[,21]a[,25]a[,29]a[,33]a[,37]a[,41]a[,45]a[,49]',
],
And in mobile, I want to:
map:[
'aa_aa',
'aa_aa',
'aa_aa',
'aa_aa',
'aa_aa',
'aa_aa',
'aa_aa',
'aa_aa',
'aa_aa',
'aaaaa',
],
At this moment it is so for mobile and desktop: AndIwantittolooklikethisonmobile: