menu arrows don't appear in mobile phone navigation

[binya666]

Hi,

My website (http://www.benrak.com.au ) was working fine, but now the menu arrows don't appear on mobile phones.  Once I press the 3 -line menu button, I get the menu options, but not the arrows which are the clickable part.  See image - the arrows should be to the right of the menu options.

Also, can I make the menu options themselves clickable?  With no arrow buttons?

I checked the site on two different iphone 6, running safari.

thanks!

[Adam7]

Thanks for posting, @binya666. If you switch to a different theme does it solve that for you?

[binya666]

Hi Adam,

I don't know, I haven't tried, and to be honest I don't want to change theme.  I've put a lot of effort in to selecting my theme and design the website.  One week it was working fine, and then it wasn't.

Any ideas?  Any suggestions on how I can make the menu titles clickable on mobile devices?

Thanks,

Ben

[TechIntl]

Exact same issue is on one of our sites, too. Also don't want to change theme. What's the problem with it?

[TechIntl]

Theme is Dusk 2.

[TechIntl]

Having exact same issue on one of our sites, (https://www.yvonnemallory.com/). Also don't want to change theme.

Theme is Dusk 2. What's the problem with it?

[Adam7]

It looks like this was escalated to our engineers, @TechIntl, so hopefully the resolve the issue with the theme soon!

[nicofeen]

I have the same problem since a few days. Bevor it was ok. Please let me know if you find something (www.portoentdecken.com)

[Adam7]

Thanks for posting, @nicofeen. Hopefully our engineers can resolve this soon! You could get around the issue for now by switching to a different theme.

[jhuenem2]

I found a fix for this from another community post: https://community.weebly.com/t5/forums/v3_1/forumtopicpage/board-id/BetaFeedback/page/1/thread-id/23...

Copied this coding into the "Header Code" on the main page.

<style>
.wsite-menu-mobile-arrow:before {
font-family: 'Poly' !important;
content: '\203a' !important;
font-size: 30px !important;
transform: none !important;
top: -15px !important;
left: 20px !important;
background: none !important;
}
#navmobile .wsite-menu-back-item a {
color: #7b8387 !important;
}
</style>

[Adam7]

If this works for everyone else let me know and I will mark @jhuenem2's post as a solution - this will make it easier for people to find.

[KLNV]

You are the start jhuenem2!!!! and thank you so much for shareing the code.

It worked with me!!!