Return to previous page

Incomplete display of category names in filters

This topic has 6 replies, 3 voices, and was last updated 1 months ago ago by Jack Richardson

MAHDAR

Participant

October 16, 2024 at 14:51

Hello, I hope you’re doing well.

Why is the category filter name not fully displayed?

Files is visible for topic creator and
support staff only.

#418989 Copied Theme version: 9.4.2

5 Answers

Rose Tyler

Support staff

October 16, 2024 at 15:27

Hello, MAHDAR,

Thank you for reaching out to us. Regarding your inquiry about the category filter name not being fully displayed, please provide us with the URL of page from your screenshot.

Best Regards,
8Theme’s Team

#418994 Copied

MAHDAR

Participant

October 16, 2024 at 16:15

Thank you for your guidance

Please contact administrator
for this information.

#418999 Copied
Rose Tyler

Support staff

October 17, 2024 at 07:33
Hello, MAHDAR,

Custom CSS code can be used:
```
.etheme-dynamic-categories-wrapper .etheme-category-grid-title a {
    overflow: unset !important;
    height: unset;
}
.etheme-dynamic-categories-wrapper .swiper-slide {
    width: auto !important;
}
```
Best Regards,
8Theme’s Team
#419076 Copied
MAHDAR

Participant

October 20, 2024 at 09:54

Hello, I hope you’re doing well.

There’s an issue where the category doesn’t scroll to the end and gets stuck.

Please contact administrator
for this information.

#419557 Copied
Jack Richardson

Support staff

October 21, 2024 at 08:28
Dear @MAHDAR,

We hope this message finds you well.

The issue you encountered was due to the width: auto setting applied to the .swiper-slide selector within the Spotlight Categories widget. The Swiper slider script automatically calculates the slide width, which caused a conflict with the custom CSS that had been added.

To resolve this, we have modified the CSS for the widget as shown in the following screenshot: https://prnt.sc/uIKfGVjl-pJI.

Additionally, if you would like the category titles to display fully, you can try using the following custom CSS:
```
selector .etheme-dynamic-categories-wrapper .etheme-category-grid-title a {
    height: auto;
}
```
Please replace the current CSS with this one for testing purposes.

Kindly check the changes now and let us know if everything is working as expected.

Best regards,
Jack Richardson
8Theme Team
#419655 Copied
Viewing 6 results - 1 through 6 (of 6 total)