[hamilez]

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]

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]

Hi Juan,

Thanks for your quick response.
This is exactly what I needed, works great!

Kind regards,

Randy

[Juanfra Aldasoro]

Hi Randy,

I’m happy to help 🙂

Have a nice day
Juan.