YOOtheme Pro is here! The best WordPress and Joomla theme. Learn more

Avatar stefan.zahnd asked

Uikit menu icon in yootheme pro

Hi

How can I add icons to menu items in yootheme pro like this was possible in Warp 7?

Thank you and kind regards, Stefan

  • UIkit
  • YOOtheme Pro

7 Answers

-1

Avatar thomas.p Support answered

Hi Stefan,

you can't do it like in Warp 7 anymore, but you can use the default Joomla option for this:

Image

Select an image at Menus: Edit Item > Link Type > Link Image.

Kind regards
Thomas

0

Avatar stefan.zahnd answered

Hi Thomas

Thank you. That's a pity. Do you plan to implement this feature in yootheme pro?

Kind regards, Stefan

0

Avatar rolf.fey.57 answered

Hi, I cannot find that folder "symbols" in my latest "Fjord" template. The folder "icons" does have the ".svg" Icons, but I cannot use them on the menu, because this file type is not supported. Hence I cannot add the UIKIT icons any more to the menu..... very disappointing.
Best regards
Rolf

0

Avatar adi.heutschi answered

You must manually insert the image path from the svg image.

best regards

adi

Edited

0

Avatar adi.heutschi answered

How can you change the color of the svg images?

best regards

Adi

0

Avatar huw.roberts answered

Here is the easiest solution I use to put in a SVG icons into a joomla menu using Yootheme Pro
1. Upload your svg file e.g home-icon.svg
2. Add a css class to your custom.css template e.g

.homemenu {
background: url('../../images/home-icon.svg') no-repeat;
background-position: center;
background-size: 25px;
}

3.In your joomla menu Link type > Link CSS Style enter: homemenu

Dont put in .homemenu just homemenu

Here is the result - see the home page menu - https://www.thestables.ie/bookings/

Edited

-2

Avatar thomas.p Support answered

I don't think YOOtheme does as the native Joomla option seems sufficient. If you want to use the UIkit icons: They are located in \templates\yootheme\vendor\assets\uikit\src\images\symbols - simply copy them to your image path.

Know someone who can answer? Share a link to this question via email or twitter.