Problem with submenu position when nav bar is at the bottom

The easiest way would be to react to the change of classes assigned to the main menu bar – when it docks top – there’s added class .site-navigation-fixed. Making it work fully is not so quick and easy process, especially when you do the edits in the Chrome developer tools 🙂 You have to take care of the RWD version too.

I made some changes for you for a start:

@media screen and (min-width: 48em) {
   .navigation-top.site-navigation-fixed ul li:hover > ul,
   .navigation-top.site-navigation-fixed ul li.focus > ul {
       top: 100px;
   }
}

@media screen and (min-width: 48em) {
   .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
       left: -6.5em;
       right: auto;
       top: -100px;
   }
}

Related Posts:

  1. How can I move the logo in Twenty Seventeen Theme Next to the menu bar
  2. Twenty Seventeen theme: custom left part under the page title
  3. Home page is not accessible after clicking to Blog page [theme-twenty-seventeen]
  4. Newbie Question: can I change a theme’s section without hard coding?
  5. How to change header image dimensions on twenty seventeen theme (on pages other than home page)
  6. Twenty Seventeen Theme – scrolling text over background images
  7. Child CSS not working for some of the classes – twenty seventeen theme
  8. How do I change the header image height in Twenty Seventeen?
  9. How to delete default themes
  10. Add custom SVG icons to Social Icon MENU in WordPress Twenty Seventeen Child Theme
  11. How to change Twenty Seventeen theme’s navigation bar location?
  12. WordPress default theme css units
  13. Filter and modify entry-footer link in twentyseventeen
  14. How to insert a Button or custom text on twentyseventeen header
  15. Changing Header scroll height for Twenty Seventeen theme on ALL pages
  16. Display comments on homepage of twenty seventeen theme
  17. Can I add customizer sections in the Twenty Seventeen theme?
  18. Twenty seventeen Menu is not responsive not clickble
  19. Remove Custuomize Sections
  20. singular posts using archive styling
  21. is it possible to add new template in theme twenty seventeen?
  22. How do I hide an article element so only logged out users see it
  23. Twentyseventeen theme customize bug
  24. How to enable excerpts just on the “Posts page”
  25. Theme Twenty Seventeen – Make Margins Smaller So That Text is Wider
  26. How can I hide this custom slider while Elementor editing window is open?
  27. How can I have sidebar widgets on Twenty Seventeen theme on all pages?
  28. How do I make my products on the homepage responsive?
  29. Twenty seventeen header is not responsive
  30. How to display dual language menus and headers?
  31. Centre Blog Index (Posts Page) on Home.php
  32. My Child Theme CSS Isn’t Working
  33. change header height on 2017 theme for logged in users
  34. Child theme menu not appearing in Twenty Seventeen
  35. How to get page title () in a different order?
  36. Include an infogr.am link in header of twenty seventeen theme
  37. Twenty Seventeen – Navigation bar, logo, header size
  38. twenty seventeen customizer duplicates section content
  39. Image zoom vs cut in Twenty Seventeen header image
  40. TwentySeventeen $content_width not updated in admin
  41. Change style of Twenty Seventeen child theme
  42. How to add custom header to Twenty seventeen single post in wordpress
  43. How to add post thumbnail on posts on sites homepage?
  44. Twenty seventeen theme dropdown menu issue
  45. Infinite scroll function for Twenty Seventeen
  46. How do I control the header space in non-front pages in Twenty Seventeen?
  47. Move main menu to top of screen
  48. Twentyseventeen theme and Bootstrap are seemingly incompatible [closed]
  49. How do I move the sidebar more to the right in TwentySeventeen?
  50. Icon not shown in Dropdown menus in Twenty Seventeen Theme
  51. Rename Menu icon in Twenty seventeen theme
Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)