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]
- Menu drop down covers contents of page in Mobile view
- Any docs for wp_nav_menu’s “items_wrap” argument?
- Does Extending Multiple Nav_Menu_Walkers Allow Nested Menus?
- Bootstrap dropdown nav pills not working with wp_nav_menu()
- How to move parent li to end of child ul
- Show child pages by menu order using Superfish Dropdown menu?
- Bootstrap drop down menu with wp_nav_menu
- How to apply a class to the second word in menu list item?
- How do I give class to the dropdown sub-menu in the wp_nav_menu?
- Override custom menu widget
- Styling child custom menu pages
- How to Create a Custom WordPress Navigation Menu with the Code?
- When at / ( or “home”) my menu doesn’t get a current-menu-item class
- 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
- Add class to menu ul with active child
- How do i style the current menu anchor link’s parent anchor link? [closed]
- jQuery cookie not working properly in wordpress
- Custom Post type menu highlighted in the archive/post
- WordPress – site with 2 stylesheets and more…
- Add nav menu CSS class to body
- Vertical Sidebar Menu Parent and Child not displaying correctly [closed]
- How to insert custom code into wp_nav_menu structure?
- remove everything from wp_nav_menu
- Editing WordPress Nav Menu Walker
- Altering html structure and creating custom menus
- Create search form in menu as in Twenty Fourteen theme
- Hide menu item in certain condition
- WordPress Admin Bar Covering & Overlapping Fixed Menu Header [closed]
- 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?
- Add CSS to head depending on nav menu walker
- Grey out nav buttons unless is_user_logged_in()
- WordPress 3.5 dropdown menu
- Add a class at specific element in custom Menu Walker
- CSS for Created Menu “Active Selected” not working, everything else is!
- Menu item with no page, but with dropdown
- How can I make this custom menu work?
- How do I add (css) class to a custom link to make it current_page_item
- Add css class to dropdown
- Side Menu Icon Expandable
- wp_nav_menu not working [closed]
- create a 2 row menu in wordpress
- Hierarchical menu nesting problem with jQuery targetting
- Making nav menu sticky and transparent
- Using a shortcode to create a dropdown menu from wp_nav_menu list items
- current-menu-item class in CSS
- 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
- Switch from hover to click on Twenty Twelve Menu
- How to add html attributes to the “ul” html tag with “wp_nav_menu” function?
- How to style a specific nav menu item?
- How to remove dropdown from wp_nav_menu
- How Do I Add Images To Main Navigation Menu
- Excluding a media query from specific pages
- How to I know the class or ID of my theme?
- My Temptation theme is showing two of the same menu at the top. How do I remove the one that the theme comes with? Please help! [closed]
- How to change the color of a menu item [closed]
- display menu as table layout
- 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
- Adding numbers inside a span tag in nav menu [closed]
- 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]
- Trouble hiding menu on single page
- change hover color of specific menu link [closed]
- How to add css to single navigation text? [closed]
- Adding toggle-able element after menu item
- Navigation menu not visible (contrast issue) on home page
- WordPress Menu adds an unwanted slash before anchor
- wp_get_archives doesn’t take effect from css or html
- Full screen nav menu block with avada theme
- How do I change/remove styling (top border) on main menu for active page and hovering (Avada Theme)
- Twenty Fifteen: Change navigation menu behavior
- Hide pages from the main menu
- Adding archive years to my menu
- Nav menu classes ‘has-dropdown’ but no ‘active’
- Odd spacing in Navigation Bar [closed]
- 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
- How to manipulate attributes of url-less dropdown item in a the custom wordpress menu?
- Using CSS ID’s and Classes with images in a WordPress Horizontal Menu
- Dropdown primary navigation menu not working
- jQuery Drill Down iPod Menu FOUC and Selecting Current page