Menu icon Foundation
Changing order of menu links in mobile view

Hello,

I would like to know how I could change the order of the menu links in mobile view for foundation. Here is my website: http://www.tel3.com/

When you view the site in mobile view, I want to have some links rearranged how do I do this without it also affecting the desktop view of the navigation?

Thank you!

mobileviewmenu

Hello,

I would like to know how I could change the order of the menu links in mobile view for foundation. Here is my website: http://www.tel3.com/

When you view the site in mobile view, I want to have some links rearranged how do I do this without it also affecting the desktop view of the navigation?

Thank you!

Sophia Taveras almost 5 years ago

Pinoy Website Creations, that worked perfectly! Thank you!

Phong Luu almost 5 years ago

you are Right set on your nav links which actually flip the order of the DOM, To fix this I would remove any float properties from the nav links in Default View.Then make them Inline-block.

Pinoy Website Creations almost 5 years ago

Hi sophia, you can set two menu links to get different links arrangement for your menu, simply use media size display (visibility) example your 1st set of menu MEDIUM/LARGE SCREEN-class (show-for-medium-up) and the 2nd set of menu SMALL SCREEN-class (show-for-small-only)

Hope it help