Hello everyone, help solve the problem. The fact is that you need in the mobile version, in the menu, when you click on a section, a submenu appears. But the section already has a link, and you need to make sure that when you click the first time, the submenu opens, and from the second time you can go to the section. Before that, it was different, to the right of the section was +, if there is a submenu, and when clicking on it, a submenu was opened, but now you need to get rid of + and do so. Of course, I would like to solve this without editing the html, since the template is purchased and frequently updated, and there is a possibility to use custom css and js.

<div class="menu_wrapper"> <nav id="menu" class="menu-main-menu-container" style="display: block;"> <ul id="menu-main-menu" class="menu"> <li id="menu-item-2566" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children submenu"><a href="/o-kompanii"><span>袨 袣袨袦袩袗袧袠袠</span></a> <ul class="sub-menu"> <li id="menu-item-2922" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/istoriya-sozdaniya"><span>袠小孝袨袪袠携 小袨袟袛袗袧袠携</span></a> </li> <li id="menu-item-2574" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="tseli-i-zadachi/"><span>笑袝袥袠 袠 袟袗袛袗效袠</span></a> </li> <li id="menu-item-2570" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/novosti"><span>袧袨袙袨小孝袠</span></a> </li> <li id="menu-item-2567" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/vakansii"><span>袙袗袣袗袧小袠袠</span></a> </li> <li id="menu-item-2572" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/partneryi"><span>袩袗袪孝袧袝袪蝎</span></a> </li> <li id="menu-item-2571" class="menu-item menu-item-type-post_type menu-item-object-page last-item"><a href="/otzyivyi"><span>袨孝袟蝎袙蝎</span></a> </li> </ul> <span class="menu-toggle"></span> </li> <li id="menu-item-2789" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children submenu"><a><span>袗袙孝袨袩袗袪袣</span></a> <ul class="sub-menu"> <li id="menu-item-2576" class="menu-item menu-item-type-post_type menu-item-object-page last-item"><a href="/avtopark/shemyi-tralov"><span>小啸袝袦蝎 孝袪袗袥袨袙</span></a> </li> </ul> <span class="menu-toggle"></span> </li> <li id="menu-item-2800" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children submenu"><a><span>袧袗楔袠 袪袗袘袨孝蝎</span></a> <ul class="sub-menu"> <li id="menu-item-2577" class="menu-item menu-item-type-post_type menu-item-object-page last-item"><a href="/nashi-rabotyi/foto-tehniki"><span>肖袨孝袨 孝袝啸袧袠袣袠</span></a> </li> </ul> <span class="menu-toggle"></span> </li> <li id="menu-item-2583" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children submenu"><a href="/perevozka-gruzov"><span>袩袝袪袝袙袨袟袣袗 袚袪校袟袨袙</span></a> <ul class="sub-menu"> <li id="menu-item-2584" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/perevozka-gruzov/vidyi-osobennosti"><span>袙袠袛蝎, 袨小袨袘袝袧袧袨小孝袠</span></a> </li> <li id="menu-item-2794" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/perevozka-gruzov/perevozka-stroitelnoy-tehniki"><span>袩袝袪袝袙袨袟袣袗 小孝袪袨袠孝袝袥鞋袧袨袡 孝袝啸袧袠袣袠</span></a> </li> <li id="menu-item-2709" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/perevozka-gruzov/perevozka-oborudovaniya"><span>袩袝袪袝袙袨袟袣袗 袨袘袨袪校袛袨袙袗袧袠携</span></a> </li> <li id="menu-item-2791" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/perevozka-gruzov/perevozka-negabaritnyih-gruzov-2"><span>袩袝袪袝袙袨袟袣袗 袧袝袚袗袘袗袪袠孝袧蝎啸 袚袪校袟袨袙</span></a> </li> <li id="menu-item-2793" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/perevozka-gruzov/perevozka-sverhnegabaritnyih-gruzov"><span>袩袝袪袝袙袨袟袣袗 小袙袝袪啸袧袝袚袗袘袗袪袠孝袧蝎啸 袚袪校袟袨袙</span></a> </li> <li id="menu-item-2710" class="menu-item menu-item-type-post_type menu-item-object-page last-item"><a href="/perevozka-gruzov/perevozka-tyazelovesnyh-gruzov/"><span>袩袝袪袝袙袨袟袣袗 孝携袞袝袥袨袙袝小袧蝎啸 袚袪校袟袨袙</span></a> </li> </ul> <span class="menu-toggle"></span> </li> <li id="menu-item-2790" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children submenu"><a><span>袛袨袩袨袥袧袠孝袝袥鞋袧蝎袝 校小袥校袚袠</span></a> <ul class="sub-menu"> <li id="menu-item-2696" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/dopolnitelnyie-uslugi/soprovozhdenie-i-ohrana-gruzov/"><span>小袨袩袪袨袙袨袞袛袝袧袠袝 袠 袨啸袪袗袧袗 袚袪校袟袨袙</span></a> </li> <li id="menu-item-2695" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/dopolnitelnyie-uslugi/obsledovanie-marshruta/"><span>袨袘小袥袝袛袨袙袗袧袠袝 袦袗袪楔袪校孝袗</span></a> </li> <li id="menu-item-2694" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/dopolnitelnyie-uslugi/pogruzochnyie-i-razgruzochnyie-rabotyi/"><span>袩袨袚袪校袟袨效袧蝎袝 袠 袪袗袟袚袪校袟袨效袧蝎袝 袪袗袘袨孝蝎</span></a> </li> <li id="menu-item-2693" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/dopolnitelnyie-uslugi/professionalnyie-takelazhnyie-rabotyi/"><span>袩袪袨肖袝小小袠袨袧袗袥鞋袧蝎袝 孝袗袣袝袥袗袞袧蝎袝 袪袗袘袨孝蝎</span></a> </li> <li id="menu-item-2692" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/dopolnitelnyie-uslugi/arenda-spets-tehniki/"><span>袗袪袝袧袛袗 小袩袝笑. 孝袝啸袧袠袣袠</span></a> </li> <li id="menu-item-2691" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/dopolnitelnyie-uslugi/strahovanie/"><span>小孝袪袗啸袨袙袗袧袠袝</span></a> </li> <li id="menu-item-2697" class="menu-item menu-item-type-custom menu-item-object-custom last-item"><a href="http://stone-xxi.ru/"><span>袥袠袟袠袧袚</span></a> </li> </ul> <span class="menu-toggle"></span> </li> <li id="menu-item-2795" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children submenu last"><a><span>袛袨袣校袦袝袧孝蝎</span></a> <ul class="sub-menu"> <li id="menu-item-2579" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/dokumentyi/vnutrennie-dokumentyi/"><span>袙袧校孝袪袝袧袧袠袝 袛袨袣校袦袝袧孝蝎</span></a> </li> <li id="menu-item-2604" class="menu-item menu-item-type-post_type menu-item-object-page last-item"><a href="/dokumentyi/zakonodatelnyie-aktyi/"><span>袟袗袣袨袧袨袛袗孝袝袥鞋袧蝎袝 袗袣孝蝎</span></a> </li> </ul> <span class="menu-toggle"></span> </li> <li id="menu-item-2581" class="menu-item menu-item-type-post_type menu-item-object-page last"><a href="/kontaktyi/"><span>袣袨袧孝袗袣孝蝎</span></a> </li> </ul> </nav><a class="responsive-menu-toggle active" href="#"><i class="icon-menu"></i></a> </div>

  • Lay out your code that does not work, and then the likelihood of your receiving an answer will increase. it's easier to find an error in your code than to write everything from scratch. - lexxl
  • @lexxl, but did I really indicate in the text that I have a mistake in the code? - Constantin
  • I meant not only html - lexxl

1 answer 1

Add to those links that should be followed only after the second click, some signaling class (for example, noclick ), if you do not want to edit the template, you can add it using js. When you click on the link, cancel the default behavior and check for the presence of this class. If there is a class, delete it and expand the menu. If there is no class, make the transition.

  • Thank you, but the point is that I logically understand how to do it, but in practice I do not understand. I don't know javascript code - Konstantin