BeTheme - BeCoffee Menu Coffee Page Not Responsive

Improntae · June 2017

Hi I noticed that the menu page where the cafes appear are not responsive and I can not adapt it to all the mobile devices. How can I fix it?
The page in question is this: http://www.pizzeriapositanobattipaglia.it/menu/

Thank you and greetings

Bryan · June 2017

Hi,

sorry but these is a table element and there is not much to be done. Although I can see that it works on mobile, the problem is you have declared fixed widths on this table and this stops it from being responsive.

thanks

Improntae · June 2017

This is the original CSS From your template:

.restaurant_menu th { background: none; }

.restaurant_menu tr:first-child td { background: none; }

.restaurant_menu th, .restaurant_menu td { border-style: dashed; border-width: 0 0 3px; padding: 20px 10px; }

.restaurant_menu tr:last-child td { border: 0; }

.restaurant_menu .title { display: inline-block; margin: 0 20px 0 0; }

.restaurant_menu .ingredients { font-style: italic; color: #aaa; margin: 0; }

.restaurant_menu td.price { font-size: 17px; line-height: 17px; font-family: Courgette,sans-serif; background: #F7F2EC !important; color: #6D5030; }

.restaurant_menu tr:hover td { background-color: inherit; color: inherit; }

How can I make the table responsive? I think it's an implementation that should also be done on the original theme. for all users who will use it in the future.

Bryan · June 2017

Okay, but please edit the code and see that there are widths added to the elements directly, this is not from the css file. http://prntscr.com/fp4n7k

Improntae · July 2017

If you let me access data you could check it out? I need it fast and I can not solve it.

Bryan · July 2017

Sorry but we do not offer theme customization in our support policy. Edit the table and remove the widths that are set.

BeTheme - BeCoffee Menu Coffee Page Not Responsive

Comments