Is there any way of removing these completely from selected menu items?

I've literally tried every CSS-trick in the book and it still persists to load on a menu item I don't want it to load on. I've hidden it and put it out of visibility, but still.

Display: none !important; and visibility: hidden !important; - both puts the arrow out of view.
I've even put a background: none !important; on it and yet it seems to not work.


Lastly I tried to hide the span element from view but it left an ugly space where the arrow should be, and that is not something I want. Of course this is adjustable with a few lines of css code, but still. Even when I hid the tag <span class="ux-menu-arrow"></span> from modules/mod_ariextmenu/tmpl/menu.php line 106 it prompted the code. Which I find extremely weird unless this code is forced to be shown in the javascript file.


But back to my real problem. Even though I've hidden the arrow from view, it still loads every time I refresh the page causing the background image (the arrow) to blink and then disappear.


Any input would be nice.

Thanks in advance.

Hello,

What custom CSS rule(s) you use and where we can see the problem?

Regards,
ARI Soft

admin wrote:
Hello,

What custom CSS rule(s) you use and where we can see the problem?

Regards,
ARI Soft

I haven't used any type of custom css rules as it can be accomplished by css selectors, parents and childs.

The site can be access from here: mazfer.byethost6.com/
It's the Guider menu item that shouldn't load/display the sub menu indicator.

The sub menus under that menu item are created and hidden to make the breadcrumbs work as well as having the current parent menu item work correctly.

I should also probably do something about the big background images.. :/ So, sorry for that

Add the following CSS rule to "CSS Styles" parameter in module settings:

LI.ux-menu-item101>A>SPAN.ux-menu-arrow {
display: none;
}

Regards,
ARI Soft

Thanks, that did the trick!

A new pair of eyes is always a good way of getting things solved