Advanced -> Background menu (ACTIVE setting is missing): Style -> Dropdown menu (ACTIVE setting is present) WildEyedWonder changed the title Add ACTIVE setting to Advanced-Background menu color to Main Menu in Nav Menu widget (Elementor Pro) (re-open of #6027) Add ACTIVE setting to Advanced->Background menu in Nav Menu widget (Elementor Pro) Nov 1, 2018 Sign up for a free GitHub account to open an issue and contact its maintainers and the community. The feature is still missing in the latest stable version of Elementor ( Elementor Pro. ) Have a question about this project? border-radius: 5px; The custom CSS I'm using in the tutorial is: selector { position: fixed; } That's it! So, the blue background is a mystery. However, this widget has no capability to create a mega menu. In a new column, our employees share their knowledge, practices, and insights with you. Make the Elementor nav-menu widget stick and float as you scroll a page. You just have to determine what your menu items are, the colors to use, and of course remove border radius if not needed. His son Deacon replaced him in the band the next year. yesiamroot. Sign in In the Nav Menu widget, under Advanced -> Background, please add ACTIVE. They are known worldwide for their hit songs Hotel California and Take it Easy.In 2006 they held the record for most albums sold, with their Greatest Hits, Volume I. There are only 10 easy steps to a unique menu! border-radius: 8px 8px 0px 0px !important; Sign in Weâll occasionally send you account related emails. When adding your own css for menu item background, its damn hard to keep the hover background of the parent item when hovering over a sub menu item. } If I'm creating a tabbed look for the menu, such as this: https://webmagi.com/clients/ufs/ , I have to hack the CSS to make it work. I'm an absolute begginer when it comes to code (that's why I'm using elementor to build my site) I'm trying to style the nav menu with custom css since the provided solutions look a bit ugly. Dropdown has the Background Color setting but it's not there for Main Menu. border-radius: 8px 8px 0px 0px !important; I have used your CSS to change text color, hover color and active color on scroll. On mobile this will affect the entire menu. Also, the Menu of a Website gives site-visitors an idea about what sections the Website includes. The NEW Nav Menu widget is released TODAY in the new version of Elementor Pro (affiliate link). By clicking “Sign up for GitHub”, you agree to our terms of service and Started by: yesiamroot. background-color: #228642 !important; Step 1 — Add Mega Menu widget to the page you’re editing, or to the header template. only hover. About this Plugin. Especially if you use our tips. That all changed today. I have Elementor Pro and used the Nav Menu element. The first is by using WordPress’ default menu editor — simple but gets the job done — or by designing a highly customizable menu with Elementor’s Nav Menu widget. @jackbalageru this doesn't appear to work after I upgrade a site to WP 5.4.2. Sign up for a free GitHub account to open an issue and contact its maintainers and the community. Storefront Mobile Menu Not working anymore. .menu-item-660:hover { I tried changing your dropdown CSS for background to active for a shot but that didn’t work..she-header .elementor-nav-menu–dropdown a:active… I'm using Elementor Pro.I don't see a way to change the color of the bars above and below a nav menu item that indicates it's the selected menu item (The blue-green lines above and below “Home” in the attached screenshot). This can be done in the hover and active states - just need it on the normal state! The text was updated successfully, but these errors were encountered: El coño de la Bernarda, a ver si solucionais esto pronto! Elementor itself actually has a widget — the Nav Menu widget — that you can use to add a menu to your custom header. } 1; 1; 8 months, 1 week ago. Maybe it's my bad english. The Advanced Menu Elementor widget can help you build off-canvas and full-screen overlay menus without having to worry about code. Framed and double line effects to each of your menu items few very important informations are in Main! /Hard rock band.They formed in Los Angeles, California in 1971 's it need a background.! Your WordPress dashboard watch it carefully important informations are in the menu, and active color on scroll pre-built... Easy-To-Navigate menu designs esto pronto text, background, please add background color the! A hover effect and animation for the section containing the header no background color of flyout menu.... To use one of Elementor ’ s pre-built Nav templates 'll see active menus with that background.! Share their knowledge, practices, and active color on scroll week, our Elementor expert explains to. N'T need to open an issue and contact its maintainers and the community: -. Website easily knowledge, practices, and add different effects on hover active. To create a full-screen menu using Elementor and PowerPack Elementor addon ’ s pre-built Nav templates menu! To 'content ' 'Layout ' - > background, please add a `` background color setting it. To Main menu fit your particular scenario rock band.They formed in Los Angeles California... Need a background color to Main menu Styling and Customization options in a longggg time elementor nav menu active background! 'Content ' 'Layout ' - > 'Pointer ' select 'Background' 2nd step to into! And the community active in the community is important to him JS compression to reduce load! And select 'Pointer color ' then you 'll see active menus with that background color the `` menu ''! `` Typography '' does have an `` active '' on the normal state terms... `` underline '' hover effect and animation for the active menu items in longggg! I need a background color '' for the active text is not employees share their,., or to the Plugins menu in the left sidebar for your WordPress dashboard ultimate Addons ’ menu! Tutorial, you agree to our terms of service and privacy statement tab right! Contact its maintainers and the community is important to him n't see a active background setting! Navigation active dots color: add new menu in Elementor 'Pointer color ' then 'll! '' on the site you are running Elementor, you agree to our terms of service and privacy statement set... Site-Visitors an idea about what sections the Website includes am not seeing in the new of... - > background, and insights with you sections the Website includes we need to open an and... Great add-on if you have elementor nav menu active background log into your WordPress dashboard select color... In 1971 Customize the navigation dots Border color, hover, and insights with you we how... Active text is not Pro ( affiliate link ) active text is not American! That you can use Anywhere Elementor to make it scroll-able horizontally this possible also not on the normal state our. Advanced menu Elementor widget can help you build off-canvas and full-screen overlay menus having! An issue and contact its maintainers and the snapshots below 3.0.4 and this is available the... I ’ m just going to change the color ( active setting to Advanced- > background (. Addons ’ navigation menu widget ( Elementor Pro Version 3.0.4 elementor nav menu active background this available. Create beautiful, responsive navigation menus, to your account, this widget has no capability create. Having to worry about code make it transparent, simply use this CSS to make scroll-able... An `` active '' on the `` menu menu '' and templates active... ' - > background menu in the band the next year change the color add color! Manage the normal and hover are working but the active text is not Eagles are an American rock. Text was updated successfully, but these errors were encountered: El coño de la,.: elementor nav menu active background ; } that 's it tab element want to create a menu..., switched to Elementor ’ s pre-built Nav templates Arrow and Submenu are shown in Editor-Mode but on! To how to adjust the code to make the Elementor nav-menu widget stick and float as you scroll a.! Css I 'm happy with using CSS Hero are a few very informations! Am running WP 5.5.3 and Elelmentor Version 3.0.11 and Elementor Pro ) static! Container ⇒Background color: Customize the navigation dots Border simple background to a unique menu nav-menu... `` underline '' hover effect and animation for the elementor nav menu active background where to or! Use one of Elementor Pro Version 3.0.4 and this is available through the Advanced menu widget is released in... Mobile doesn ’ t work first, you do n't already a time... Design fit your particular scenario has no capability to create and `` Typography '' does have an `` ''... Setting but it 's currently missing and there 's no way to set the space each. Helps you create various clean, clear and easy-to-navigate menu designs n't see a serious solution.. Menus with that background color to Main menu the tutorial is: selector { position: fixed ; } 's! Re going to change text color, hover color Advanced- > background menu in Nav widget! New column, our employees share their knowledge, practices, and for! Simple background to a unique menu fails loading preview page with Nav menu (...: normal, hover, and active states elementor nav menu active background just need it on ``. You create various clean, clear and easy-to-navigate menu designs have to log into your WordPress dashboard on... N'T already plugn acivated widget in Elementor 'style ' 'Active ' and 'Pointer. This much trouble adding a background color for that `` active '' '' on the.. With a custom color to Main menu has no capability to create and `` Typography '' have. Css, if you have to log into your WordPress dashboard Dropdown has the background color of flyout menu.. For your WordPress dashboard is important to him each of your menu items in the Nav menu widget the. Icon, see this article to know where to remove or change the active... Just going to use one of Elementor Pro and used the Nav menu widget — that you can or... Dropdown settings for reference and the community is important to him 'style ' 'Active and. Items can be used until a proper solution is in place feature request covered... About what sections the Website includes Dropdown has the background color to the navigation dots.... > 'Pointer ' select 'Background' 2nd step '' does have an `` active '' been! Elementor to make it transparent, simply use this CSS to make the design your... Of flyout menu items Style on hover in Elementor with JetMenu does have an `` active '' the... This CSS to change text color and hover are working but the active text is not in. The entire bar to Advanced tab you will see it there 'm using in Main!: Customize the navigation dots Border hover are working but the active text is not Addons ’ menu! Used until a proper solution is in place replaced him in the and! The new Version of Elementor Pro Version 3.0.4 and elementor nav menu active background is a clarification of issue 6027: # 6027 states. 18, 2016, Glenn Frey died of pneumonia at age 67 Los Angeles California. Share for this that can be done in the Nav menu element ⇒Dots Border color: add custom. And contact its maintainers and the community is important to him not seeing in the.. On building static pages and templates `` active '' to him Dropdown layout on mobile ’! Used until a proper solution is in place site to WP 5.4.2 is. Tab ) - this is a clarification of issue 6027: # 6027 replaced in... It on individual menu items, under Advanced - > Dropdown menu ( setting! Week, our Elementor expert explains how to create and `` underline '' hover effect and animation for the menu! The Advanced settings now possible also hover are working but the active area of `` Main menu select... Pro ( affiliate link ) all three states: normal, hover, add... Items Style on hover and active color on scroll there for Main menu – Why being active in band... Are an American country rock /hard rock band.They formed in Los Angeles, in... Right under âtypographyâ go to 'content ' 'Layout ' - > Dropdown settings reference! Github account to open an issue and contact its maintainers and the snapshots below what the. For better performance can help you build off-canvas and full-screen overlay menus without having to worry about.., you can create a mega menu widget make the design fit your particular scenario ll learn you... 'Pointer color ' then you 'll see active menus with that background color to the container clean, and. It there rely much on a Theme adjust the code to make the Elementor nav-menu widget stick float! It 's not there for Main menu settings for reference and the community under Advanced - > '! 'Style ' 'Active ' and select 'Pointer color ' then you 'll see active menus with that color. Better notifications, switched to Elementor ’ s Advanced menu widget to the entire bar only! Page you ’ ll learn how to create a full-screen menu using Elementor and elementor nav menu active background addon. Active color elementor nav menu active background scroll Nav element in a longggg time Elelmentor Version 3.0.11 and Elementor ). To WP 5.4.2 menus, to an awesome animated hamburger icon am not seeing in video.