[mobile] sub menu expand on textclick

Sparkling
1

Hello

Is there any way to expand submenu (in mobile mode) when click on text (like in Dazzling theme)? Now it’s expanding only when click on small arrow what is very difficult on phones.

Or maybe is it possible to set sub menus expanded by defualt in mobile mode?

2

Hi there

Hope you are having a good day and thank you for your question
Unfortunately, no, there is no option to do this and even with css we cant solve this :frowning:
Thanks!
Colorlib Support Team

3

Dear support team

I have the same issue as tomaszu and like to urge you to do something about it. The problem is huge and definitely needs fixing. It only occurs on mobiles and depends on the browser, though.

Please try your own showcase site (https://colorlib.com/sparkling/) with Firefox on Android. It is virtually impossible to access the second level menu items under “About”! With Chrome it’s easier as it somehow allows a wider area for the down arrow to click on.

Firefox for Android is one of the most used combination to access websites. So, this issue truly is huge. Could you please check and put some work into fixing it?

Thanks, newton

4

Hi there

This code will makes caret bigger to click on it without issues:

.caret {
display: inline-block;
width: 14px;
height: 15px;
margin-left: 2px;
vertical-align: middle;
border-top: 9px dashed;
border-top: 4px solid\9;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
top: 2px;
position: relative;
}

5

Thanks for your reply, Noda. This did the trick. However, the larger carets don’t really look that nice. It would still be much better to be able to just click on the text of the first level menu item to expand the respective second level items.
Regards, newton

6

Hello Newton

IM so sorry to say but this is all i can right now, the text there is not only for click and expand, what if someone wants to link to the particular page? :slight_smile: this is why carets are used here