BeTheme - BeCoffee Menu Coffee Page Not Responsive

Improntae

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Improntae

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Improntae

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

Bryan

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next