Forum Support

Shape 5
March 29, 2024, 02:55:28 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: menu 5 across max and Logo size on intro page  (Read 667 times)
crazywazza
Jr. Member
**
Offline Offline

Posts: 21



« on: March 01, 2015, 02:12:03 PM »

Hello

1. Please could you tell me how I can have 6 columns across in my menu. I have changed the values in the menu item but it wont allow me to add 6 in 1 row.

2. Also, how can I make my logo bigger on the intro page.

Thanks
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: March 02, 2015, 06:56:21 PM »

Hello,

1) In the S5 Flex Menu parameters for the module you can specify the # of content columns for the subs.

2) You can edit the CSS here and specify a large height/width as needed.

Code:
Template.CSS - Line 2022

#s5imageslide_center_inner .s5_logo {
    width: 233px;
}
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
crazywazza
Jr. Member
**
Offline Offline

Posts: 21



« Reply #2 on: March 03, 2015, 01:22:11 AM »

Hello,

1) In the S5 Flex Menu parameters for the module you can specify the # of content columns for the subs.


Hi Mike

I tried that. I go to the parent menu item. I go to S5 Flex Menu Parameters. But the number of columns doesnt change from the 5 allowed. I can put in 7, but nothing happens.

Thanks for your time!

***Update****

Hi Mike,

I found under Retail Support Menu that even though I have set the flex menu settings to 4 columns, I have attached an image (capture2) that shows that it has space for 5. I am really struggling with this as no matter what number I put into the flex menu settings, it doesn't seem to change.
« Last Edit: March 03, 2015, 03:47:32 PM by crazywazza » Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: March 03, 2015, 09:46:32 PM »

Hello,

This will be a bit of a long, possibly confusing description so sorry in advance Smiley

1) If you are using the "full width" menu option specific to this Template the total # of columns must fit within the "Body Width" or overflow will occur forcing those columns to the row below. This will appear like the # of columns across aren't matching what you are setting in the back end parameters. You can disable this option in the Template Manager which will help with the width constraints a bit.

One thing that could help would be removing the min-width value in the s5_flex_menu.css here which will reduce the minimum required column width for each one, allotting more horizontal room for the columns to help with the overflow scenario. The most I seemed to be able to get with a default body width for this Template was around 7 columns after removing the mid-width but it also depends on the length of characters in the menu items.

Code:
s5_flex_menu.css - line 84

#subMenusContainer li.subParentBtn, #subMenusContainer li.subMenuBtn {
     clear: both;
     min-width: 200px;
     padding: 0px 8px;
}

2) The second scenario is that the Flex Menu will always attempt to "balance" the amount of parents with the # of columns.

What this means is if you have say 4 Columns and 6 Menu Items it would appear like this:

Code:
Menu 1 || Menu 2 || Menu 3
Menu 4 || Menu 5 || Menu 6

Versus:
Code:
Menu 1 || Menu 2 || Menu 3 || Menu 4 ||
Menu 5 || Menu 6

Even though you stated 4 columns in the menu settings... The menus will always balance the parent items on row redistribution when they cannot fit equally in the chosen # of columns.

If you had 4 Columns and 4 Menu Items set you would just see it as.

Code:
Menu 1 || Menu 2 || Menu 3 || Menu 4

Where 4 Columns + 8 Menus would appear as:
Code:
Menu 1|| Menu 2 || Menu 3 || Menu 4
Menu 5 || Menu 6 || Menu 7 || Menu 8

So in summary if you wanted to have 6 columns instead of 4 or 5 you would want to:

a) Remove the min-width value posted above from the s5_flex_menu.css

b) Use either 6 or 12 parent items, to prevent menu item balancing that would throw off the # of columns. For example if you use 7 menu items with 6 columns you would see a 4+3 stack but if you used 12 parents it would show 2 stacks of 6 when it distributes them evenly.

c) For more horizontal room you can try turning off the full screen menu option specific to this Template which will render it below the menu and to the right. Note that the overflow can still occur if it exceeds the edge of the page causing the same issue as the body constraints, in which redistribution will occur to a new row to stop " page clipping"

Hope this helps!

-Mike


« Last Edit: March 03, 2015, 09:57:01 PM by mikenicoll » 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
crazywazza
Jr. Member
**
Offline Offline

Posts: 21



« Reply #4 on: March 04, 2015, 02:57:26 PM »

Hi Mike

Thank you for all your time!!! I sortof came right - however I now sit with the issue that what looks right on my screen (7 columns) looks different on other peoples screens (5 columns, two below) due to different screen resolutions... But I will figure it out.

I am keen to make my 2nd level menu items larger than the others as per the product menu on the demo template, but I have searched everywhere and I cannot find the tutorial to change the size. I have attached a snapshot of your demo template.

Thanks once again!!!
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: March 05, 2015, 12:30:03 AM »

Hello,

Those menu items Men // Womens // Boys // Girls are using the Menu Module feature built into Vertex. You would want to go into the Menu settings and change the display for that item from Menu Item to Module Item. Then you would want to load a module in the position s5_menu1 which would be setup as a Menu Module using the class suffix -menuhighlight
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
crazywazza
Jr. Member
**
Offline Offline

Posts: 21



« Reply #6 on: March 10, 2015, 05:21:58 AM »

Thank you - I came right with your explanations
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #7 on: March 10, 2015, 04:15:36 PM »

NP Smiley
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.