[KineretT]

I've added 11 sub-categories to one of my categories. This works fine on my website where the menu is vertical. However, on my FB shop, this seems to be too many - 7 show up and the rest disappear instead of making up a new row of tabs once the first row is filled.

Is there any solution to this?

my FB store is
http://www.facebook.com/WoolyRhinoce...p_251458316228
(look at the "yarns by color" tab).

My website is www.woolyrhino.com


Thanks!

[Maya]

Originally Posted by KineretT

I've added 11 sub-categories to one of my categories. This works fine on my website where the menu is vertical. However, on my FB shop, this seems to be too many - 7 show up and the rest disappear instead of making up a new row of tabs once the first row is filled.

Is there any solution to this?

my FB store is
http://www.facebook.com/WoolyRhinoce...p_251458316228
(look at the "yarns by color" tab).

My website is www.woolyrhino.com


Thanks!

I have checked your store and find only 6 subcategories inside the category. Could you confirm, if you still need our help with this and give me a correct link, where this problem can be reproduced?

Thank you in advance for your help.

[KineretT]

I had 11 subcategories (colors) originally, but since making the font smaller and eliminating the spaces (and tab curve) to make the tabs closer together so that everything would fit, made the whole menu look odd (the main categories got crowded together as well), and since even then I only managed to get about 8 subcategories to show up, I simply gave it up and disabled the "color" category that contained them.

If there is some built-in way you can accommodate more than 4-5 categories, I'd love to know it. I've re-enabled the category so you can see what it looks like.

Thanks.

[Maya]

Originally Posted by KineretT

I had 11 subcategories (colors) originally, but since making the font smaller and eliminating the spaces (and tab curve) to make the tabs closer together so that everything would fit, made the whole menu look odd (the main categories got crowded together as well), and since even then I only managed to get about 8 subcategories to show up, I simply gave it up and disabled the "color" category that contained them.

If there is some built-in way you can accommodate more than 4-5 categories, I'd love to know it. I've re-enabled the category so you can see what it looks like.

Thanks.

The only way to fit 11 subcategories in one line on the Facebook page, is to decrease the font size and spaces between them. In order to do this you should use following code:

div.ecwid_facebook_app div.ecwid-categoriesMenuBar span.ecwid-categories-category {
font-size: 14px !important;
}
div.ecwid_facebook_app div.ecwid-categories-horizontal td.gwt-MenuItemSeparator div.menuSeparatorInner {
   width: 5px;
}

Please, try and let me know about results.

[KineretT]

Thank you! That solves it beautifully.

[Rebekah Taylor]

I'm having the same issue. It's not showing all my menu across the top because of the font size and spacing. I've put in the code you showed and changed it to 10 and 3px, respectively. Nothing changed. I found this thread from following another's steps here, and I got to that after following this and this. Nothing is working.

I only have the horizontal menu by you guys on Facebook; I have my own on my site. Here is my Facebook page for reference.

Rebekah

ETA: Mine is for the main categories, not the subcategories. Is there a different piece of code or a change to it I need to make?

ETA: Nevermind! I just kept playing with it and ended up with this:

div.ecwid_facebook_app div.ecwid-categories span.ecwid-categories-category {
font-size: 18px !important;
}
div.ecwid_facebook_app div.ecwid-categoriesMenuBar span.ecwid-categories-category {
font-size: 16px !important;
}
div.ecwid_facebook_app div.ecwid-categories-horizontal td.gwt-MenuItemSeparator div.menuSeparatorInner {
   width: 3px;
}

It worked beautifully!