Menu Arrows not hidden on mobile

You may have hit a bug on the RTL CSS, Weaver will have to confirm ( I will send him a message).

To correct the alignment error you can add the custom CSS Rules below in Main Options > Fonts & Custom > Custom CSS Rule box

IF you just want to avoid the overlap of the menu item with the arrow, use the rule below (you can change the number to what you like)
.menu-arrows .has-submenu > a {padding-right:1.5em;}

If you want all the menu Items to be shifted the same way to be aligned, use the rule below instead.
.is-mobile .wvrx-menu > li > a {padding-right:1.5em;}

If you need more help with that, please post on the weaver forum, as this one is not really monitored
https://forum.weavertheme.com/

• This reply was modified 7 years, 5 months ago by scrambler.

that didnt help
it just moved it to the side
with the arrows on top

also, registration doesnt seem to work
https://forum.weavertheme.com/forum-login/

Is the rule I asked you to put in there now, because I do not see it.

If the rule does not work you need to leave it in so I can check why that is.

Also let me know which one you used, and make sure there is no syntax errors in any of your custom CSS as that can break the CSS file.

If you cannot register on the forum try sending a message to weaver using the contact form below
https://weavertheme.com/support/contact/

You can also try to add !important
.menu-arrows .has-submenu > a {padding-right:1.5em !important;}

or

.is-mobile .wvrx-menu > li > a {padding-right:1.5em !important;}

• This reply was modified 7 years, 5 months ago by scrambler.
• This reply was modified 7 years, 5 months ago by scrambler.

i actually just wanted the arrows to go away
anyway i did something wrong before
its at least not on the words now. thanks !

The arrow is what allows you to open the sub menu, so if you remove that people wont know there is a sub menu, or be able to open it.

To improve the look, and better position the hole colored arrow area, use the rules below
This will make sure the arrow box does not overlap the text and center the arrow.
You can play with the values individually to see how they style the arrow box

.menu-arrows .toggle-submenu {width:2em;right:-1.5em;}
.menu-arrows .toggle-submenu::after {margin-right:0.7em;}

• This reply was modified 7 years, 5 months ago by scrambler.

thanks !
i disagree about the arrows though
as standing on the menu opens the sub-menu and that’s good enough

If you want to hide the arrows, use the rule below
.menu-arrows .toggle-submenu {display:none;}

You will need to remove the initial padding rule we discussed so menu items fall back in line

• This reply was modified 7 years, 5 months ago by scrambler.

But regarding your remark
“as standing on the menu opens the sub-menu and that’s good enough”

On mobile is does not.

Try the rule I gave you above to hide them and check

@yaelal99
There is actually a way to make the sub menu open on hover on mobile if hiding the arrow.
If you really want to do that use the two rules below instead of the single one I gave you to hide the arrows

.menu-arrows .toggle-submenu {display:none;}
.is-mobile-menu li.has-submenu:hover .sub-menu {display:block;}

• This reply was modified 7 years, 5 months ago by scrambler.
• This reply was modified 7 years, 5 months ago by scrambler.

excellent !
works great !
thanks again