Streaming live at 10am (PST)

Help with responsive behavior


#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:
http://help.webflow.com/faq/how-do-i-share-my-sites-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:

http://easy-times.webflow.io/

Thanks...


#9

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