Community forum for knowledge and support

Updated 2 months ago

Navbar 5 preview issues on mobile

At a glance

A community member is having issues with the Navbar 5 component looking off on mobile, and it appears the same on the Relume component preview. Another community member shares a read-only link to the site. The issue is resolved by making changes to the flexbox direction and alignment of the navbar5_menu-left element, and resetting the width of the navbar5_menu-dropdown element. The community member who provided the solution is thanked for the speedy help.

Useful resources

TTim

Hey folks, I seem to be having issues with Navbar 5 (Navbar 5 - Preview) looking a bit off on mobile - seems to be the same on Relume direct from the library.

Attachment

Screenshot 2024-11-27 at 10.15.48 am.png

5 comments

MMatt Johnson

would you mind sharing a read-only link?

TTim

Hey - sure, here's a link: https://preview.webflow.com/preview/tims-beautiful-site-61074a?utm_medium=preview_link[…]a&preview=47bc7f34982cf58c7e35ea2bdc0a5c72&workflow=preview

TTim

Noting that it also appears like this on the Relume component preview

MMatt Johnson

thanks for raising - I see the issue.

To resolve today, you'll need to make a couple of changes:

on navbar5_menu-left ensure that the flexbox direction and alignment look like my screenshot (first image).
Reset the width of navbar5_menu-dropdown so that its no longer 100%. (Second image).

You should be all good with those two changes. We'll get the component updated. Thanks again!

Attachments

TTim

Thanks for the speedy help Matt! That got it sorted 🙂

Add a reply