Community forum for knowledge and support

Updated last year

Issue with Navbar3 Component on Desktop, Tablet, and Mobile Devices

At a glance

The community member is experiencing an issue with the navbar3 component on their website. On desktop, the logo and button are visible on all window sizes, but on tablet and mobile devices, the logo and button disappear, even on the desktop breakpoint on their iPad. The logo and buttons briefly appear on page load, but quickly disappear.

In the comments, the community member provides an update that they deleted all the navigation class items and rebuilt the navbar, but the issue still remains. However, they have resolved the issue by changing the width and max-width settings for the navbar3_logo class. They mention that giving the image a background color, publishing, and reloading the site helped them identify the issue.

Useful resources

I'm having an issue with the navbar3 component. On my desktop, the logo and button are visible on all window sizes, but on tablet and mobile devices, the logo and button disappear, even on the desktop breakpoint on my ipad. The logo and buttons briefly appear on page load, but quickly disappear. Page is aaa-glass.us, read-only link: https://preview.webflow.com/preview/aaa-auto-glass-1dbee4?utm_medium=preview_link&utm_[…]4&preview=512ec9454e80218c1d7dae974d6ef749&workflow=preview

T
2 comments

Update: Something messed up overnight which led me to delete all the navigation class items and rebuild the navbar, but the issue still remains.

It looks like I've resolved this. I changes the width and max-width settings for navbar3_logo class, and everything appears to be working properly. What clued me into that was giving the image a background color, publishing, and reloading the site to see the background color extend all the way to the right off the screen.

Add a reply
Sign up and join the conversation on Slack