Return to previous page

Colums in full width menu - by Rubien - on WordPress WooCommerce support

This topic has 6 replies, 3 voices, and was last updated 10 years, 6 months ago ago by Stan Russell

Rubien

Participant

June 4, 2015 at 09:33

Hi.

I have a couple of question regarding the header Menu. I want to have menus with shop by style – shop by colur etc. but is it possible to have the menu in colums.

I have made a shop by style menu but everything is listed in a below each other. Please take a look at http://www.honeyoak.no under the menu shop by style.

What i would like is to have these in colums with 5 or 6 listed below each other. How can i do that?

Regards,

Ruben

#68036 Copied Theme version: latest WooCommerce version: latest

5 Answers

Jack Richardson

Support staff

June 4, 2015 at 14:01

Hello,

Please provide us with WP dashboard credentials in private content.
Also please describe which elements should be in separate columns.

Best regards,
Jack Richardson.

#68100 Copied

Rubien

Participant

June 5, 2015 at 15:42

Hi Jack.

I`ll try to explain as good as I can 🙂

What i want is for the menu “Shop by Products” and “Shop by Style” is that they appear descending alphabetically in colums. If you look at the menu the way it is now, it`s almost what i want, but in a different order like for example this:
Shop by Product:
Ballonger Bånd & Hyssing Honeycombs
Beger Candy Bar Kopper…. and so on.
Bestikk Cupcake
Bordkort Confetti
Bordløper Flasker, Glass
Bordnummer Gjestebok

If you take a look at http://www.delightdepartment.com/ – that`s how i want my menu to look with pictures and everything.

Is this possible?

Look forward to hear from you – have a nice day.

Please, contact administrator
for this information.

#68322 Copied
Jack Richardson

Support staff

June 5, 2015 at 17:06
Hello,

I’ve made changes for the menu which you can see in WP Dashboard > Appearance > Menus and added the following css code into custom.css:

.main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li a { font: 14px Georgia !important; text-transform: uppercase; } .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li .nav-sublist ul li:before { display: none; }

Please clear browser cache and check your site. Is that what you want?

Best regards,
Jack Richardson.
#68341 Copied
Rubien

Participant

June 9, 2015 at 09:43

Hi Jack!

Perfekt – Just what i wanted!

Thanks.

#68762 Copied

Stan Russell

Participant

June 9, 2015 at 09:45

Hello,

you are welcome!

Regards,
Stan Russell.

#68763 Copied
Viewing 6 results - 1 through 6 (of 6 total)