How to recreate "Small Categories" demo

Hello im trying to recreate the Small Categories demo found at https://woodmart.xtemos.com/shop/?opt=small_categories

How to recreate this menu in the header? As you can see it shows double on my webpage: https://www.africandesignart.com

And how do I add the language/currency-switcher in the topbar? I dont get the same styling when I try to add it.

Thank you in advance

Hello,

Thank you very much for choosing our theme and contacting the support.

1/ Please deactivate Categories in page heading and Shop title (if necessary) to remove the duplicate. If you want Page title, deactivate only Categories. Navigate to Theme settings > Shop > Sidebar & Page title and you will find this option.

2/ If you want to add icons to the categories enter each category and add previously uploaded icons as shown http://prntscr.com/j9i0cj

Best Regards

And how do I also have the same hover effect (line under category text)?

I want to show the title of the categorie as well, with the other categories under it as you can see when you click a category on the “small categories” shop page.

How can I do this?

Thank you

So like this, as shown on image.

And how do I add the currency/language-selector in the same styling as used in “Small categories”-demo ?

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

Please try this code, add it to Theme Settings > Custom CSS

.woodmart-navigation .item-level-0>a:hover > span {
    display:inline-block;
border-bottom:2px solid green;
}

If the code is not workable, please send me your site admin access.

Best Regards

[Author]

Posts