▼
Streaming live at 10am (PST)

Float below title?

#1

Hello there,

Im guessing this has already been asked a bazillion times, but I can't seem to find the proper answer (the one that comes up as a similar topic is in Spanish :P).

I have a menu with some links left and some links right to the title. I want those links to go below the title when the browser width sizes down to adapt to user browser width.

Here are some screenies to help explain: http://imgur.com/a/WIe02

As u can see he puts one above and one below. Which I presume is regular reading order.

Is it possible to put them both underneath the title, when browser is downsized?

Tnx in advance!

Here is my public share link: https://preview.webflow.com/preview/gitaarbegeleidingv2?preview=4691278efbd810f10ae9f33e37d72a1b

Oh and by the way, is it possible to achieve this with Flexbox? Because I kind of like using those, since they seem better at achieving what I want (apart from this).

Tnx a bunch!

Best regards,

Marijn Wijbenga

#2

This is completely achievable using Flexbox. The trick is to apply flex:horizontal and justify:space between to the nav container to make sure the elements are evenly spread out.

In tablet mode/wiew change the order numbering of the logo to 1st and the navlinks on either side to 2nd and 3rd as you wish.

#3

Wow thanks, good thinking!
Learned something new again :smiley: Much appreciated!

#4

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