Full width submenu activ button?

Hey m_reiprich,

Yes, it is possible to highlight the active menu.

Add the below CSS to custom styles or in Enfold > General Styling > Quick CSS section.

/*----------------------------------------
// CSS -  Submenu Highlight
//--------------------------------------*/

/* Your css styles for active menu item*/
#top .active-menu-item,
#top .active-menu-item a  {
	background:#000!important;
	color: #FFF!important;
}

#top .av-subnav-menu > li > a {    
    border-left-style: none!important;
    border-left-width: 0px!important;
}

And the code in the below link to your functions.php
https://gist.github.com/vinaynkashyap/2c9f689ec3ebe1ec21595b740723d0fe#file-functions-php

NOTE: This works best when different sections are created using the color section element.

Best regards,
Vinay

Hi,

Vinay explained you exactly where to add it, if you read his reply carefully.

Add the below CSS to custom styles or in Enfold > General Styling > Quick CSS section.

Thank you

Best regards,
Basilis

Hi,

Please add the git code to functions.php file which you can access it from WordPress Dashboard > Appearance > Editor

Best regards,
Vinay

Hi,

I’m not sure if you are using a child theme… If you have not installed it here is the link https://kriesi.at/documentation/enfold/using-a-child-theme/

When the main theme is updated the modified files will get overwritten. A Child theme will help you preserve these modifications when you update the main theme.

Please install a child theme and insert the script at the bottom of the functions.php which can be accessed via WP Dashboard > Appearance > Editor > Theme Functions (functions.php) or use a FTP client and locate the functions.php file in wp-content\themes\enfold-child\functions.php

Best regards,
Vinay

Hi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

Best regards,
Vinay

Hi,

I did not do any changes to the code. I created a test page and the menu highlight works fine.

please check the link in private.

Best regards,
Vinay

Hi,

Would you mind providing a precise link to the page, showing the elements in question? We need to be able to inspect them in order to help :)

Best regards,
Vinay

Hi,

We have added the below CSS to Quick section. Please review your site and let us know if you have any issue :)

/* Current menu item */
 .av-subnav-menu .current-menu-item ,
 .av-subnav-menu .current-menu-item a,
 .av-subnav-menu .current-menu-item a .avia-menu-text {
background:#000!important;
}

Best regards,
Vinay

Hi,

Just replace this part of the code:

background:#000!important;

you can use the values in this post: https://www.w3schools.com/cssref/css_colors.asp
Hope it helps :)

Best regards,
Nikko