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

  • Avatar: Rubien
    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

    5 Answers
    Avatar: Jack Richardson
    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.

    Avatar: Rubien
    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.
    Avatar: Jack Richardson
    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.

    Avatar: Rubien
    Rubien
    Participant
    June 9, 2015 at 09:43

    Hi Jack!

    Perfekt – Just what i wanted!

    Thanks.

    Avatar: stan
    Stan Russell
    Participant
    June 9, 2015 at 09:45

    Hello,

    you are welcome!

    Regards,
    Stan Russell.

  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Colums in full width menu’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.