Return to previous page

Legenda with left side menu – Responsiveness problem

This topic has 4 replies, 2 voices, and was last updated 7 years, 9 months ago ago by Rose Tyler

akrinis

Participant

February 1, 2017 at 14:36

Hello,

I am opening this ticket because I have a few problems with my layout when I have chosen the left side menu layout.

In some desktop resolutions my menu is being hidden for e.x. in 1280×720 and in 1024×768, also the main content is not responsive to these reoslutions.

Please visit this link FYI http://gyppierros.wpengine.com/bouketa-anthodesmes/

and try these resolutions.

I would be greatful if you could suggest me a solution at this problem.

Thank you in advance.

Vasileia

#153650 Copied WooCommerce version: http://gyppierros.wpengine.com

3 Answers

Rose Tyler

Support staff

February 1, 2017 at 16:15

Hello,

Please read this topic https://www.8theme.com/topic/side-menu-submenu-hidden/

Regards,
Rose Tyler.

#153664 Copied

akrinis

Participant

February 3, 2017 at 08:46

Hello ,

Thank you for your prompt answer. The code that you suggested me, did the work but now I have problem with the content next to the menu bar.
Is it possible for you to visit this page http://gyppierros.wpengine.com/bouketa-anthodesmes/ and tell me why the content is not responding under 1024×768 resolution.
I mean is keeps three columns of products and as a result the third column does not showing right and the text above the list of products doesn’t wrap.
What should I do to have responsiveness into the content and the products?
Should I have to change something into theme options?

Thank you in advance

Vasileia

#153859 Copied
Rose Tyler

Support staff

February 3, 2017 at 14:03
Hello,

You can change your previous code to http://prntscr.com/e3za1p
Please, add this code in Custom css file:
```
@media (max-width: 1024px) and (min-width: 425px){
.products-grid.product-count-4 .product {
    width: 50% !important;
    margin: 0 !important;
    text-align: center;
    padding: 0 15px;
}
.products-grid.product-count-4 .product img{width: 100%;}
}
@media (max-width: 425px){
.products-grid.product-count-4 .product {
    width: 100% !important;
    margin: 0 !important;
    text-align: center;
    padding: 0 15px;
}
.products-grid.product-count-4 .product img{width: 100%;}
}
```
Regards,
Rose Tyler.
#153894 Copied
Tagged: #legenda, left side menu, responsive, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)