Home › Forums › WoodMart support forum › Categorie Item scrolling

Categorie Item scrolling

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • August 5, 2020 at 1:10 pm #216678

    Fredcasas
    Participant

    Hi,
    My categorie menu (vertical) has 16 items. On desktop and laptop I can’t view all because of the size of the screen but when I scroll, the background moves but not all the categories menue so it’s impossible to see the last item called “essai scrolling”. And on another laptop (16/9 ration screen, it’s worse, I can only see 10 items).
    How fix that please ?
    thanks.
    Fred

    August 5, 2020 at 3:44 pm #216700

    Elise Noromit
    Member

    Hello,

    I can provide a scroll for the categories with custom CSS. Please advise if you need help with the code and if it is acceptable.

    Best Regards

    August 5, 2020 at 3:45 pm #216701

    Fredcasas
    Participant

    Hi
    ok, give me the CSS code please.
    thanks

    August 5, 2020 at 8:49 pm #216727

    Elise Noromit
    Member

    Hello,

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

    .header-categories-nav.show-on-hover:hover .categories-menu-dropdown{
max-height:500px; 
overflow-y:auto;
overflow-x:hidden;
}

    Best Regards

    August 6, 2020 at 11:59 am #216851

    Fredcasas
    Participant

    Hi,
    thanks a lot for the code. Now I can see all the items but I can’t see anymore the part of the mega menu.
    Thanks
    Fred

    August 6, 2020 at 12:24 pm #216861

    Fredcasas
    Participant

    And how can I modify the navbar (size, color, opacity, non display arrows etc…) please ?
    Thanks

    August 6, 2020 at 12:29 pm #216864

    Elise Noromit
    Member

    Hello,

    You would better enable “Open categories menu – Always shows categories navigation on this page;” in the page settings, however it would overly the slider.

    Best Regards

    August 6, 2020 at 12:48 pm #216876

    Fredcasas
    Participant

    That doesn’t work, I have to find another solution. Thanks a lot.

    I will try to have less categories items and add sub-menu.

    But if I do that, I must include “custom links” (rank 1 unclickable) and I cannot/don’t know how to put svg icons (I have a flaticon account) before links like in “categories products link” which are now in my categories menue, in order to have a graphic harmony. I see that I can put a “font awesome icon” but they are not same design as flaticons.

    Could you help me to do that please.

    Best.
    Fred

    August 6, 2020 at 1:22 pm #216896

    Fredcasas
    Participant

    Another question please, In the categorie menu, I can open a html block in rank 1 but not in rank 2?

    August 6, 2020 at 8:58 pm #216968

    Elise Noromit
    Member

    Hello,

    You can upload the custom icon in the Category element of the Header builder https://prnt.sc/tvc1f2

    You can add icons in each category: https://xtemos.com/docs/woodmart/product-category-menu/

    HTML block is added to the menu item of the fist lever and this menu item should not have any children. The second, the third, and other levels should be presented in the HTML block.

    Best Regards

    August 7, 2020 at 10:45 am #217079

    Fredcasas
    Participant

    Hi,
    Thanks for your answer. Probably that my english is not good enough to explain well, excuse me for that.

    What I would like is having a SVG icon before a custum link (non-clickable) in the categories menu (first level). For now I have “categorie product links” in this first level, with svg icons before text (as seen on picture). Or may be there is a solution to make those “categorie product links” (first level) non-clickable.

    Thanks a lot and have a nice day.
    Fred

    Attachments:
    You must be logged in to view attached files.
    August 7, 2020 at 12:32 pm #217118

    Elise Noromit
    Member

    Hello,

    It is not possible to add an SVG icon to a custom link. You would better to add Product category item to the menu. Do you know how to do that?

    You add SVG icon to the Category https://xtemos.com/docs/woodmart/product-category-menu/ and then add Product categories into the menu.

    Best Regards

    August 7, 2020 at 1:00 pm #217124

    Fredcasas
    Participant

    Hi,
    Your solution is what I have done for now (product categories items with svg icons before), but it’s clickable.

    My problem is:

    First level must be non-clickable links, so it means “custom links” with font-awesome icons (wich are uggly)

    Solution 1 :
    Is there a possibility to put flaticon icons in place of font-awesome icons before a “custom link” ?

    Solution 2 :
    Is there a possibility to make a “Product categorie” link not clickable ?

    Thanks a lot.
    Fred

    August 7, 2020 at 6:10 pm #217164

    Elise Noromit
    Member

    Hello,

    If I make the Product category not clickable, it would not be possible to show mega menu blocks.

    It is not possible to insert flaticon in the menu item. You can assign the class to each menu and we can do it with CSS, however, it is not a good idea.

    Best Regards

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)