Highlight current parent menu in mobile menu

Hey m9491,
Please try adding this to quick css:

@media only screen and (max-width: 767px)  {
.current-menu-ancestor.menu-item-has-children.menu-item-top-level a avia-menu-text{
text-decoration:underline!important;
}
}

Let me know if this works for you.

Best regards,
Jordan Shannon

Hi,

Try using this css code:

@media only screen and (max-width:767px) {
  #mobile-advanced .current-menu-ancestor > a > span.avia-menu-text {
    text-decoration: underline;
  }
}

Let us know if this helps :)

Best regards,
Nikko

Hi,

Please remove the code I gave. That’s not possible with css, that will need a jquery script. I’ll try to make one.

Best regards,
Nikko

Hi,

Thanks for removing it and providing the login details, I added this code at the bottom of functions.php:

function add_custom_script(){
?>
<script>
$(window).load(function () {
  $('#mobile-advanced > li > a').on('click', function() {
   $(this).toggleClass('menu_underline');	  
  });
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

was planning to integrate it with your other js code but doesn’t work, I just made a separate one (which can be used by others). And on Quick CSS, located in Enfold > General Styling, I added this css code a the bottom:

#mobile-advanced a.menu_underline {
    text-decoration: underline;
}

it should be good. I also noticed the hamburger menu is a bit out of place, do you want us to help with that also?

Best regards,
Nikko

Hi,

For the hamburger icon try to change this:

top: 60px !important;

to:

top: 100px !important;

just adjust it a bit.

As for the code I gave try to change this:

$('#mobile-advanced > li > a').on('click', function() {

to this one:

$('#mobile-advanced li > a').on('click', function() {

Hope this helps :)

Best regards,
Nikko

Hi,

Sorry for late response, can you try to add this code at the bottom of functions.php:

add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug() {
    return "debug";
}

The reason it’s not working on homepage is because the structure is a bit changed, with the code added it will show the shortcodes used and might show us what the problem is. Let us know if you have added this :)

Best regards,
Nikko

Hi,

please keep everything up to date inside your backend, especially the theme.
Please deactivate all plugins one by one to check which one is causing this issue and let us know if this solves the problem. If it doesn’t then any customizations you’ve done are causing this issue, so remove all of them to check if this is true.

Best regards,
Andy

Hi,

best to talk with plugin’s author if this plugin is conflicting with Enfold. If he can’t help you, I would search for another plugin.

Best regards,
Andy