Help with responsive behavior

Design help General
1

Hi folks,

I’m working on this website for a costumer:

http://cafe-a-brasileira.webflow.io/

The problem is responsive behavior. When I open it on a mobile device, the main column (right) should go to below the menu column, but It doesn’t happen.

Could anyone help me?

Please, fell free to evaluate the website. I’d appreciate a lot

Beste regards,

Fernando

Here is my public share link: LINK
(how to access public share link)

2

Could you please update your post with some more information so we can help you faster? Things like your read-only link & screenshots really helps us to help you :slight_smile:

How to share a read-only link:

Thanks in advance! :slight_smile:

3

Like this:

https://preview.webflow.com/preview/cafe-a-brasileira?preview=610af482f589c6a71494e4fb5ec4aa74

4

This is because the left navbar is on the setting fixed, change it to regular positioning and edit it from there.

5

Vladimir,

Thank you again. I’ll do that, but I have an additional question.

What I have to put and where in order to make the navbar fill the entire height of de page, regardless of screen size?

Best regards…

Fernando

6
7

Yes much like @noldor pointed out, 100vw for width to cover the whole screen, and 100vh for height. :wink:

8

Sorry guys,

I’m not a very technical person. Where do I have to place these information (100vw)? In Webflow’s interface?

I’ve got a parcial success by making the website not show the main content in the right website. The problem is It also not appear under the navbar.

I intend to have a behavior near to this one:

Thanks…

9

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.