Shape 5

Joomla Templates => No1 Shopping - Club => : crazywazza March 01, 2015, 02:12:03 PM


: menu 5 across max and Logo size on intro page
: crazywazza 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

: Re: menu 5 across max and Logo size on intro page
: mikenicoll 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.

:
Template.CSS - Line 2022

#s5imageslide_center_inner .s5_logo {
    width: 233px;
}

: Re: menu 5 across max and Logo size on intro page
: crazywazza March 03, 2015, 01:22:11 AM
: mikenicoll  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.


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.

: Re: menu 5 across max and Logo size on intro page
: mikenicoll March 03, 2015, 09:46:32 PM
Hello,

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

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.

:
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:

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

Versus:
:
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.

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

Where 4 Columns + 8 Menus would appear as:
:
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



: Re: menu 5 across max and Logo size on intro page
: crazywazza 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!!!

: Re: menu 5 across max and Logo size on intro page
: mikenicoll 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

: Re: menu 5 across max and Logo size on intro page
: crazywazza March 10, 2015, 05:21:58 AM
Thank you - I came right with your explanations

: Re: menu 5 across max and Logo size on intro page
: mikenicoll March 10, 2015, 04:15:36 PM
NP :)