Streaming live at 10am (PST)

Navbar display issue on small screens


#1

Hi there,
I need help with a site I'm building, on small screen, when clicking on toggle menu, the menu drop down is not displayed vertically but horizontally.
How to fix this?
https://webflow.com/design/degres?preview=8fa597388cb8ac2a29b6e9d2f1901062
Many thanks


#2

Hi @maunoxyd, if you go to your site, then go to Tablet Portrait view, select your menu, go to settings (the gear icon) then click on open menu. Select your menu item class and set that to display block. You might also set a background color of your menu to a solid color, so your menu has a background when opened. See my screenshot, I hope this helps.

Cheers, Dave


#3

Hi @cyberdave, thanks for your help.
The menu's dusplaying now correctly, but when I open it, the menu toggle button is pushed to the left, where in your screenshot it wasn't. How did you do that?


#4

Hi @maunoxyd, I am unable to reproduce that... what size is your monitor? See my screenshot:


#5

Ah, it behaves correctly in preview mode. It's fine now, thanks for your help.


#6

This topic was automatically closed after 24 hours. New replies are no longer allowed.