Forum Support

Shape 5
March 29, 2024, 02:33:19 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: How to Stop Floating of Flex Menu Items to Next Row.  (Read 499 times)
abhijitceh
Jr. Member
**
Offline Offline

Posts: 7



« on: 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
« Last Edit: March 07, 2014, 03:28:16 AM by abhijitceh » Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: 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
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
abhijitceh
Jr. Member
**
Offline Offline

Posts: 7



« Reply #2 on: 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.
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: 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.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
abhijitceh
Jr. Member
**
Offline Offline

Posts: 7



« Reply #4 on: March 07, 2014, 08:07:39 PM »

Please can you explain more, consolidate menu items? How can I do that? Thanks for the Help.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: 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
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.