Community forum for knowledge and support

Updated 2 months ago

Blog 1 Component Issue with Mobile Rendering

At a glance
A community member is having an issue with the Blog 1 component, specifically the blog categories on mobile are rendering weird. The community members suggest trying to add the no-scrollbar class to the filter div, and setting the blog categories menu wrapper to flex and cascade down if there is no space on the same column. However, the original poster tried these suggestions but the issue is still not resolved. Another community member offers a 30-second Loom video showing a fix for the blogs menu at the mobile level, which the original poster finds helpful and appreciates.
Useful resources

Hello, I am having an issue with the Blog 1 component. Specifically, the blog categories on mobile are rendering weird. Can you please help me fix this? Screenshot attached.

Read-only link: https://preview.webflow.com/preview/clarion-b7d815?utm_medium=preview_link&utm_source=[…]&itemId=6808869833745cf5ea3d6b76&locale=en&workflow=preview

Published site link: https://clarion-b7d815.webflow.io/category/finance

Attachment
Screenshot 2025-04-23 at 07.33.52.png
N
M
R
7 comments

Try adding the class “no-scrollbar” to the filter div — hope that helps! :)

Attachment
Bildschirmfoto 2025-04-23 um 17.05.46.png

Have you got tue blog categories menu wrapper set to flex and to cascade down if there is no space on the same column? That should make all the categories visible

I have tried these suggestions but something still isn't right. 🤔 Any other ideas? Thanks in advance!

Ahh sorry, will have a look at the read only link later when I get home

Hey, I made a 30 second loom showing my fix for the blogs menu at the mobile level. Hope this helps!
https://www.loom.com/share/a9cbb6c26a8d4260bd3a4650a290c747?sid=aa8ce60d-7252-4442-8c91-976934303191

Thank you so much, Mohamed!!! I really appreciate it!

No worries! Happy to help 😁

Add a reply
Sign up and join the conversation on Slack