Search for: Log In Free Support [Resolved] display submenu Home › Forums › Support › display submenu This topic has 12 replies, 3 voices, and was last updated 5 months ago by David. Viewing 13 posts - 1 through 13 (of 13 total) Author Posts August 25, 2020 at 4:44 am #1417254 thomas hello, i want the submenu items be displayed constantly… i can’t find the CSS where i can use ‘display:block’ August 25, 2020 at 6:11 am #1417334 DavidStaff Customer Support Hi there, can you share a link to your site so we can see the setup. Edit your original topic and use the Site URL field to privately share a link. Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ August 25, 2020 at 7:38 am #1417453 thomas o.k…i did…another Question ist how to change the background colors of the submenu items… thx August 25, 2020 at 8:45 am #1417684 LeoStaff Customer Support Just to confirm, you want the navigation to always show like this? https://www.screencast.com/t/iowIVh22jZ The submenu color option should be under customizer > colors > primary navigation. Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ August 25, 2020 at 9:23 am #1417750 thomas yes..alway show the submenu… August 25, 2020 at 1:38 pm #1418047 LeoStaff Customer Support Give this CSS a shot: .main-navigation .main-nav ul ul.sub-menu { position: relative; top: 0; left: auto!important; right: auto!important; width: 100%; pointer-events: auto; height: auto; opacity: 1; display: block; visibility: visible; } Adding CSS: https://docs.generatepress.com/article/adding-css/ Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ August 26, 2020 at 1:18 am #1418473 thomas o.k..thx…this works…but…now it shows the line at bottom of the last item… cheers thomas August 26, 2020 at 1:27 am #1418485 thomas i fixed it…. main-navigation .main-nav ul ul.sub-menu { left: auto!important; right: auto!important; width: 100%; pointer-events: auto; height: auto; opacity: 1; display: block; visibility: visible; } now i have the problem with the colors …i want 3 different colors of each item… i tried to work wite css on menu-item-118 eg. but it doesnt work… August 26, 2020 at 2:50 am #1418590 DavidStaff Customer Support Hi there, try this CSS: .main-navigation .main-nav ul ul li.menu-item-118 a { background-color: green; } .main-navigation .main-nav ul ul li.menu-item-119 a { background-color: blue; } Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ August 26, 2020 at 3:26 am #1418640 thomas hey David, thx a lot … cheers Thomas August 26, 2020 at 3:26 am #1418642 thomas its solved August 26, 2020 at 3:26 am #1418643 thomas solved August 26, 2020 at 3:50 am #1418675 DavidStaff Customer Support Glad to hear that. Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Author Posts Viewing 13 posts - 1 through 13 (of 13 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In