Page 1 of 1

Beverage list => only one column on front-end

Posted: 11 Jan 2018, 15:47
by FrankWe
Hello,

is there a way to display the "Beverage list" only with one column? The problem is that the display of the "beverage list" only Smartphones is not really usable, as the two columns take to many place t be display on such a small screen. So it would be great if it is possible to show the beverage list only with one colmn.

Regards,
Frank

Re: Beverage list => only one column on front-end

Posted: 12 Jan 2018, 23:37
by christine
Hi Frank,

Can only describe acc. the Demo: https://www.phoca.cz/restaurantmenudemo ... erage-list

Tonic Kinley 2nd column:

Code: Select all

#phocamenu .pm-group-right {
    overflow: visible;
    position: relative;
    float: right;
    width: 43%;
    margin: 1% 1% 1% 2%;
}
1st column:

Code: Select all

#phocamenu .pm-group-left {
    overflow: visible;
    position: relative;
    float: left;
    width: 43%;
    margin: 1% 2% 1% 1%;
}
The only idea I have for the moment: To change the width. But then you would have of course a longer list ...
check also "float" parameter
.
Kind regards
Christine