|
: How to Stop Floating of Flex Menu Items to Next Row. : abhijitceh March 07, 2014, 03:26:45 AM Hi,
I am getting two rows of flex menu items in medium sized screens of 14' or 15'. If I reduce the screen size more, it is again coming back to one row and then mobile view. Everything working fine except this problem. Any CSS settings do I need to change to keep that in one row. I have 8 Items in the menu and I can reduce the size little bit. May be silly question but needed for good looking. Thanks in Advance. site link: www.programming9.com : Re: How to Stop Floating of Flex Menu Items to Next Row. : mikek March 07, 2014, 08:01:31 AM Hello,
You can reduce the left and right paddings of the menu items in s5_flex_menu.css under the section #s5_nav li .s5_level1_span1 : Re: How to Stop Floating of Flex Menu Items to Next Row. : abhijitceh March 07, 2014, 11:27:51 AM Thanks for the reply..
I tried all possibilities using Firebug, It is not working,. I even hide social bar, but still I am getting the same problem in 768px. : Re: How to Stop Floating of Flex Menu Items to Next Row. : mikek March 07, 2014, 12:44:21 PM Hello,
The only other solution is to consolidate menu items. There is only so much room available in that area, and that's what is causing the issue. : Re: How to Stop Floating of Flex Menu Items to Next Row. : abhijitceh March 07, 2014, 08:07:39 PM Please can you explain more, consolidate menu items? How can I do that? Thanks for the Help.
: Re: How to Stop Floating of Flex Menu Items to Next Row. : mikenicoll March 07, 2014, 08:43:05 PM Hello,
You would need to decrease the physical amount of menu items by consolidating them into sub menus below the main parents. Currently you have too menu menus to fit on the allotted width of the body. -Mike |