Mobile navigation is not working

The navigation does not work on the mobile portrait view. It works on every other device view included landscape on mobile. Can you please help?

Here is my site:

The issue is the following on the smallest breakpoint (mobile portrait max 479px):

.header {
display: inline;

Change it back to “display: block” and this is fixed.
You cannot set a div to inline, as it does not respect any properties like width or height.

Hi Marius,

Thank you for your response. I changed the display to “block”. However, this did not fix the issue. Can you think of any other reason it is not working?



Please clear your browser cache or try with icognito mode.
If you did this change already on your live site, I can confirm, you did not made this adjustment.

I have now published the site with the changes.

To be clear. I have changed the header container block and menu button to display: block. Sorry I am new to webflow.

I am talking about the following changes you have made:

@media screen and (max-width: 479px) {
.header {
display: inline;
grid-auto-columns: 1fr;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
object-fit: cover;

The CSS above shows your settings you made to the header class in mobile portrait mode.

Please undo this.

I figured it out! You were speaking about the header overall. It works now. Thank you!

That’s great!
You can mark this thread as resolved, if you want.
So other community members won’t click, as they know there is not an issue anymore.

Will do. Thank you again. :grinning: