Beverage list => only one column on front-end

FrankWe
Phoca Member
Phoca Member
Posts: 14
Joined: 12 Dec 2017, 08:33

Beverage list => only one column on front-end

Post by FrankWe » 11 Jan 2018, 15:47

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


christine
Phoca Hero
Phoca Hero
Posts: 1306
Joined: 28 Nov 2010, 17:20

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

Post by christine » 12 Jan 2018, 23:37

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

Post Reply