layered nav – dropdown menu – PC/mobile

Hello,
when using Woodmart layered nav in dropdown style, on PC there is a description inside the cell, but on mobile phone it is empty (please see screenshots).

How can the description be visible also for mobile phone users?
Thank you.
Kind regards,

Attachments:

You must be logged in to view attached files.

Hello,

May I request you update the credentials so I can investigate it from your side? https://take.ms/2PICL

Thank you in advance.

Kind Regards

Hi Luke,
sure, please see below. Thank you.

Kind regards,

Hello,

I apologize for the delay.

Please, confirm the permission for plugins deactivation, and switching to the parent/default theme. As soon as we complete the testing we will enable it all back, however, You would better make the full backup of your site.

Thank you for your time.

Kind Regards

Hello Luke,
yes please, go ahead.
Thank you.

Kind regards,

Hello,

Please accept my apologies for the delay.

May I request you update the temporary access link?

Thank you in advance.

Kind Regards

Hi Luke,

as Im currently working in production mode of website I have made a copy of it into staging environment. The layered nav description in dropdown style not showing.
Again I confirm the permission for plugins deactivation, and switching to the parent/default theme.

Thank you.
Kind regards,

Hello,

1. The dropdown is working well.

Chrome: https://take.ms/2L4iT
Safari: https://take.ms/h9DVs

2. Here is a custom which will help you to fix the issue with the labels:

.select2-search__field[style="width: 0px;"] {
	width: 100% !important;
}

Kind Regards

Hello Luke,
Thank you. CSS worked pretty fine, the label now can be seen. Though it needs a little upgrade, as it cuts the label, please see printscreen.

Kind regards,

Attachments:

You must be logged in to view attached files.

Hello,

Use this one code instead of the above:

.select2-search__field[style="width: 0px;"] {
	width: 100% !important;
    max-width: 100% !important;
}

Let me know the result.

Kind Regards

Hello,

now it works perfectly! Thank you very much.
Have a great day.

Kind regards,

Hello,

Great! Always remember that you can reach out to us with any questions you may have.

Wish you all the best!

Kind Regards

[Author]

Posts