Categorie menu on product page: mobile

This topic has 5 replies, 2 voices, and was last updated 8 years, 6 months ago by Artem Temos.

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

Author

Posts
October 17, 2016 at 8:49 pm #5596
graphe
Participant
Hello, I have a problem viewing the category menu on the mobile.

Within a product category menu is very wide, does not enter the mobile screen

In the shop page the category menu it looks good.

I touched a little code to correct it and I was able to correct in the shop page but in product page it looks very wide.
```
@media (max-width: 480px) {

.basel-product-categories {
	width:250px!important;
	}
.title-shop.title-design-centered .basel-back-btn+h1+.basel-show-categories+.basel-product-categories {
    padding-left: 0px;
    padding-right: 0px;
    width: 250px!important;
}

.title-shop .nav-shop {
     padding-left: 0px;
    padding-right: 0px;
	width: 250px!important;

}
ul.basel-product-categories {
	 padding-left: 0px;
    padding-right: 0px;
	width:250px!important;
	}

.basel-product-categories .categories-opened{
	 padding-left: 0px;
    padding-right: 0px;
	width:250px!important;
	}
}
```
In this url it looks fine (mobile):
http://www.kitkasa.com/tienda/

In this product page not (mobile):
http://www.kitkasa.com/producto-categoria/publicidad-eventos/#

Thanks!
October 17, 2016 at 9:14 pm #5601

Artem Temos
Keymaster

Hello,

We just investigated your website and see that the menu is so wide on this page because of this code snippet. Try to remove it

Regards

October 18, 2016 at 11:53 am #5622

graphe
Participant

Hello,

Thank you so much I removed this code.

But I have the same problem in iPad and tablet portrait, in tablet portrait when I click in categories the page reduce the size to to adapt the menu

Can you help me with this, please?

Thank you so much!

October 18, 2016 at 3:23 pm #5628

Artem Temos
Keymaster

Here is an another code snippet that breaks your menu on iPad. Try to remove it also. Probably, you need to remove all your custom CSS and add it step by step to see is it working correctly or not.

Regards

October 18, 2016 at 5:42 pm #5641

graphe
Participant

Hello,

You have reason I removed !important from width, make some changes on media query code and now works fine.

Thanks!

October 18, 2016 at 5:55 pm #5645

Artem Temos
Keymaster

You are always welcome 🙂
Author

Posts