Hello Chandan !
Thanks for the code you sent me.
I tried it and it works all good !
Before you replied to me, I tried to resolve my problem using this code :
.sp-megamenu-parent >li a img,
.sp-megamenu-parent > li span img ,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span
which seems to give same results for the menu and dropdown (except padding I added).
What do you think of it ? (remember I'm a newbie...)
About offcanvas menu, I tried this code :
.offcanvas-menu .offcanvas-inner .sp-module ul a img,
.offcanvas-menu .offcanvas-inner .sp-module ul span img,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li span
But I notice
- icons are not aligned (vertical)
- parent icon item and title item are separated if item has submennu
- arrow on the left part of item title that has sebmenu should be cancelled...
- area color for selected parent item is destroyed...
I'm still working on it trying all kind of things as I don't know neither html nor css code...
About my problem with icons in menu, I think I'm going to give up.
This wil save time for you to share with ohters.
I'm trying to add icons via Joomla regular options (see attached file).
This way, too many problems appear (align, active title color, span color, offcanvas menu span & color...)
When I use Helix option in the menu settings, it works percfectly.
Icons provided are those of special file made for this purpose (fonts folder/woof file and other, Am I Right ?).
These icons don't suit to the item titles I've set for menu...
Maybe Joomla or Helix framework will provide these options whatever the image in whatever the folder I choose.
For now, I decide to use some personal icons for menu parents item title only.
As soon as the website is online, I'll send you a message for offcanvas problems (span color, icon alignment...)
Both Joomla and Helix are offering different functionalities. Joomla Gives the image next to the menu item. We can't change the normal, hover and active color because this is an image. On the other side. Helix gives the FontAwesome icons. We can set them everywhere and also can manage the normal, hover and active color. This is very lightweight. Easy to use. But the only problem. We have limited icons. You can see here. fontawesome.com/v4.7.0/icons/
If you like our support and products, tweet us at joomdev and let the world know about it.
JoomDev is not affiliated with or endorsed by Open Source Matters or the Joomla! Project. The Joomla! logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.