Menu-category Mobile

This support request was posted in BBQ by hamilez

Request ID #1665 Resolved

hamilez May 29, 2013 at 1:28 am
Hi,
First of all, I love the template. It’s the best!
I try to explain my question with help of the demo template.
My Menu Category Template of my parent category (like ‘Beverages’)
keeps showing the sidebar with categories (‘Champagne’, ‘Red Wine’)
When I reduce the size to mobile, there’s a gap showing on the left.
When I choose to ‘Display as Grid Tempalte’ my prices aren’t visible in mobile mode.
How can I solve this? I searched the forum but I can’t find the right answer.
So, how can I make my category page look like the Beverages category page in the demo
so that it works correct when I reduce the page?
Juanfra Aldasoro May 29, 2013 at 1:41 pm
Hi there,
Thanks a lot for you kind words 🙂
With regards to have the list menu category template, you should add the following CSS over your custom.css file or within your Custom CSS option in the backend:
```
@media screen and (max-width: 1024px) {
body.page-template-template-menu-list-php #content, body.tax-menu-category section.menu-list {
    float: none;
    width: 100%;
    margin:0;
}
}
```
Thanks again,
Juan.
hamilez May 29, 2013 at 1:59 pm
Hi Juan,
Thanks for your quick response.
This is exactly what I needed, works great!
Kind regards,
Randy

Juanfra Aldasoro May 29, 2013 at 2:08 pm
Hi Randy,
I’m happy to help 🙂
Have a nice day
Juan.

Viewing 4 posts - 1 through 4 (of 4 total)

This topic is marked as resolved

Only the topic author can re-open this thread.