Menu icon Foundation
Top bar with buttons not in toggle menu

I was wondering how to go about customising top bar so that two of my buttons (language selector links) remain visible even on small sized screens. I would like the user to be able to switch languages without the added step of toggling the menu. I realise I could put them in the title area but it looks a bit funny to have them on the left.

Any suggestions would be most welcome.

top bartogglebuttons

I was wondering how to go about customising top bar so that two of my buttons (language selector links) remain visible even on small sized screens. I would like the user to be able to switch languages without the added step of toggling the menu. I realise I could put them in the title area but it looks a bit funny to have them on the left.

Any suggestions would be most welcome.

This post has been closed. No new replies can be added.

Steve Trask over 5 years ago

Hey Kirsten,

This is possible by having the language options in top-bar as normal then hiding for mobile and showing another when in mobile view to be like the site name or menu txt. Please see the basic example here:

http://cdpn.io/BvKmH

This is a basic version but shows the principle

Hope this helps

Steve

Kirsten Cassidy over 5 years ago

Thank you Steve. That works very nicely.