Responsify Video Tutorial - cannot...

User 506967 Photo


Registered User
3 posts

I am following the video tutorials provided by Coffeecup and in step 8 "Responsify" I am at an impasse. She shows at the 2minutes 28 second mark that by changing the nav-wrapper to flex, center justify, she can slide between breakpoints and the nav-buttons will wrap vertically when small and side by side when large.
When I set my layout for the nav-wrapper to flex, and center justify, my nav buttons stay side by side and do not go back to stacking vertically on smaller screen. I cannot seem to mimic the behavior and I have recreated the project twice with identical results.
User 2699991 Photo


Registered User
3,706 posts
Online Now

Hi set the flexed container to wrap, that should do it. Which navigation component are you using?

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials
User 2699991 Photo


Registered User
3,706 posts
Online Now

The other things to look at
1/ make sure you have selected "DEFAULT MODE" in the toggle breakpoints tab

2/ move your slider to the left of your lowest breakpoint, select the nav-wrapper container and set the flex to "column" then move your slider to just past the first BLUE (default) breakpoint, and set the container nav-wrapper to flex=row etc.

The Help You Need: When You Need It The Most
Website Design & Development
Website Renovations
Wayans' Theme Park
Watch Listen & Learn Video Tutorials

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.