Home › Forums › WoodMart support forum › Category Menu Edit

Category Menu Edit

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 15, 2020 at 2:51 pm #203644

    arj1373
    Participant

    Hi,
    This website uses woodmart theme:
    https://ricambicame.it/
    I would like to make the same category menu design and function as you can see here:
    https://nimb.ws/WvUx4L
    May you please provide me with some advice or guideline to make it?
    Kin Regards

    June 15, 2020 at 9:40 pm #203718

    Elise Noromit
    Member

    Hello,

    The link you refer to shows the Mobile menu icon. Our theme has it beginning from the tablet width. On the desktop, you can add a Product category element as shown on our demo https://woodmart.xtemos.com/ In order to get the menu as shown you should arrange the menu items as item and sub-item in Appearance > Menu https://prnt.sc/t0d8r6 More instructions are here: https://codex.wordpress.org/WordPress_Menu_User_Guide

    Best Regards

    June 15, 2020 at 9:55 pm #203723

    arj1373
    Participant

    Hi,
    I have done already. Please see here https://nimb.ws/fRboMJ
    The problem is, the long submenu appears in the right. Is it possible to show the submenus under the parent menu? as same as https://nimb.ws/WvUx4L

    June 16, 2020 at 9:12 am #203869

    Elise Noromit
    Member

    Hello,

    You can add Mobile menu element in the Desktop view of the Header builder and you will get this result: https://gyazo.com/ada8153fddeb2774fb99f3a40cd58392

    There are no other ways. You will have to find a plugin.

    Best Regards

    June 16, 2020 at 10:22 am #203907

    arj1373
    Participant

    Hi,
    Firstly, many thanks for your wonderful hint.
    Is it possible to show just category in desktop? If not, how can we display the category as the first tab?

    June 16, 2020 at 11:30 am #203946

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Desktop only:

    .mobile-nav-tabs .mobile-pages-title{
display:none;
}

    You can use this code only on the desktop, otherwise the mobile menu would not have the main menu.

    Best Regards

    June 16, 2020 at 12:07 pm #203958

    arj1373
    Participant

    Hi,
    Many thanks, there is an issue as you can find it here:
    https://nimb.ws/7aQOYp

    June 16, 2020 at 1:26 pm #203992

    Elise Noromit
    Member

    Hello,

    Seems you have solved it already, I cannot catch it https://prnt.sc/t0rx8i

    If you still have the problem, please advise how to reproduce.

    Best Regards

    June 16, 2020 at 1:33 pm #203995

    arj1373
    Participant

    Hi,
    I have found old advice in the forum and just 10 Minutes ago I did it.
    Many thanks for your follow up.

    June 16, 2020 at 1:53 pm #204007

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts

Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)