Menu Issues

[MentalEdge]

This is really a two part issue. 1.  Is there anyway to make the top menu into a drop down menu in order to use the generic header layout.  I like this layout because you can add an image in the Title background area for the courses. 2.  If there isn't a way to make the top menu into a drop down menu, can you provide the css to add an image in the title background area? I do not like how the pages look so plain in the other header styles.

[logan]

Hello, Please share some stills with proper demarcation so that i could look into the possibilities. if it is possible i surely help you.

[MentalEdge]

Sure, here are the two different screen shots.  The first is with just the top menu enabled. https://prntscr.com/otwvcj This is when I add sub-menu items to the top menu.  I want it to appear as a drop down rather than this: https://prntscr.com/otwves If there is a way to make the main menu look like the first image, that would be great, but I would then need code to add to the css to have the image in the title background of the courses.

[logan]

Hello, in WordPress, the top menu does not support second-level menu items. that's the cause. i have checked it on your site and there is no top menu: http://prntscr.com/ouk06p please set a top menu with 2 3 items then I will try some CSS codes if I can fix this with that.

[MentalEdge]

This reply has been marked as private.

[logan]

Hello, as i told you WordPress does not support submenu for the top menu. Please goto wp-admin >>> appearance >>> customize >>> custom css >>> paste & save. ul#menu-top-menu-1>li.menu-item{  position: relative; display: inline-block;} ul#menu-top-menu-1 ul.sub-menu {display: none; position: absolute; z-index: 999 !important; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } ul#menu-top-menu-1 li:hover ul.sub-menu {display:block;}   ul#menu-top-menu-1 ul.sub-menu li{ color: black; padding: 10px 16px; text-decoration: none; border: none; } ul#menu-top-menu-1 ul.sub-menu li a:hover{ background: #80808033;} i tried some CSS on your site. have a look here: https://cl.ly/6dd04b

[MentalEdge]

This reply has been marked as private.

[logan]

hello, to remove the hover color use this: ul#menu-top-menu-1 ul.sub-menu li a:hover{ background: none !important;} Refer: http://prntscr.com/oxig7w for better support always share a screenshot.

[Author]

Posts