To be honest I think you can just use some custom css to get the job done. WordPress gives the homepage a custom body class of home. so if we use that and dig down in the css to the first menu and move it over into view you should be good.
.home .menu > li > ul {
left: 0;
}
and to get the hover state on the ‘Data’ link just use
.home #header .menu a {
background: #D3D3D3;
}
hope this helps!
Related Posts:
- styling wp_nav_menu – horizontal, sub-menu drop downs
- Is there any way to change the CSS class applied to 2nd level sub menu ul’s?
- Responsive Dropdown Menu
- Foundation Scripts not loading (custom theme)
- jQuery not working when used with wordpress menu
- Keeping my Sub Menu open when hovering on its list items
- Jquery dropdown menus working locally, but not in WordPress [duplicate]
- Any docs for wp_nav_menu’s “items_wrap” argument?
- How to apply a class to the second word in menu list item?
- Override custom menu widget
- Styling child custom menu pages
- How do I prevent the text overflow in menu?
- How to change Twenty Seventeen theme’s navigation bar location?
- Merge two separate WP menus into one in Mobile view
- How do i style the current menu anchor link’s parent anchor link? [closed]
- Custom Post type menu highlighted in the archive/post
- WordPress – site with 2 stylesheets and more…
- Add nav menu CSS class to body
- Altering html structure and creating custom menus
- Create search form in menu as in Twenty Fourteen theme
- How to add class to and childs of sidebar widget – WordPress
- Add class active to static menu
- How to add fixed position in menu class for Twenty Twelve theme?
- WordPress 3.5 dropdown menu
- CSS for Created Menu “Active Selected” not working, everything else is!
- Menu item with no page, but with dropdown
- How do I add (css) class to a custom link to make it current_page_item
- Side Menu Icon Expandable
- Using a shortcode to create a dropdown menu from wp_nav_menu list items
- Static page to one page- menu inactive items highlighted
- Menu in left side don’t appears with dropdown
- CSS_Menu_Walker not showing on mobile view?
- getting the current sub item out of total sub items in a given dropdown (custom walker)
- CSS Classes (optional) on menu is not showing
- Excluding a media query from specific pages
- How to I know the class or ID of my theme?
- superfish.js seems it is not working properly after wordpress upgarde to 4.6.1
- Highlight parent if item from submenu is active
- WordPress + Bootstrap [closed]
- Menu Arrow for Child Element
- Replace the slug of parent pages with # [closed]
- How to buid wordpress menu with auto width sub-menu items in dropdown menu without any items sharing one line [closed]
- Adding toggle-able element after menu item
- Navigation menu not visible (contrast issue) on home page
- Full screen nav menu block with avada theme
- Twenty Fifteen: Change navigation menu behavior
- Adding archive years to my menu
- Custom menu – different submenu for first menu item
- Controlling sub-menu within sub-menu
- WordPress Menus – How to add inline styles to UL menus
- dropdown menu, with walker
- jQuery Drill Down iPod Menu FOUC and Selecting Current page
- Styling issue with custom menus and sub menus
- WP Menu Rollover Nav Item and Effect DIV Elsewhere
- Making the menu toggled open on mobile devices Illustratr theme
- Menu item that hides when you click the previous submenu
- Add class to sub-menu from unrelated element
- Cannot collapse a responsive menu in WordPress
- How to add CSS class to and and id in a nav menu with code?
- Change hover to onclick on menu
- Add/remove image from navigation bar
- How to create a mobile menu full screen overlay using Understraps Bootstrap 4 theme
- Additional CSS for the nav menu
- Active Current Menu – Adding class to child theme
- Adding span to a particular text in an menu item
- How can I create this menu with wp_nav_menu()?
- Get Sub-Menu Dropdown to Show Over Page Content
- Walker or wp_get_nav_menu_items VS jQuery
- Mark a page of a queried menu as active
- Reveal hidden submenus on page load – Twenty Fifteen theme
- No indication of menu
- Adding two same css class on menu item
- Two questions about CSSing inside the menus
- Always show wordpress submenu on responsive header menu
- Menu item hidden behind others
- Active page link not getting class assigned
- Active menu item / category
- Making a Custom Menu Sidebar Icon show as Current in css [closed]
- Theme: Twenty Thirteen Mobile Sliding Menu Doesn’t Bump Content Down
- wp_dropdown_nav function to list menu items
- Help with changing style of the extended menu drop down [closed]
- How do i keep my current page menu highlighted on pagination?
- How to make a drop down menu with categories
- Can’t style custom menu
- Styling Active Links Within WordPress
- Menu Underline shows without Hover after adding subitems
- Drop Down Category Menu Not Working
- How to add posts with thumbnails to my dropdown menu?
- How to add or remove borders in navigation menu?
- Problem with float:left – unexpected behavior [closed]
- Should I custom code drop down menus or use a wordpress plugin?
- Changing color of specific tab of top menu
- Why is my hamburger menu not shown? [closed]
- Formatting WordPress Menus (without bullets, inline with text)
- Adding padding above menu
- What is the best way to incorporate responsive dropdown navigation menu into custom theme?
- how to add permalink/slug to wordpress custom link menu item
- How can I only show one responsive menu on mobile devices?
- Twenty-Twenty-Two Child Theme Mega Menu
- Icon not shown in Dropdown menus in Twenty Seventeen Theme