Home › Forums › Legacy Support › Support queries › Styling issues › I want to change the navigation drop down style
Tagged: tags
- This topic has 12 replies, 4 voices, and was last updated 5 years, 6 months ago by
Ava.
-
AuthorPosts
-
June 4, 2019 at 9:08 am #212154
Mohit_96582
ParticipantHi, I need to change the design of the navigation drop-down style. I'm attaching the picture for your better understanding. https://prntscr.com/nxdlij design I want. https://prntscr.com/nxdkpz design I have. Please help me asapJune 5, 2019 at 7:49 am #212306maximus
Member@Mohit_96582 if you want to change the style of the drop down menu(mega-menu) then you need to set the menus. To set the menus according to you please refer this tutorial: https://www.youtube.com/watch?v=gKz5dDjWu5M Please let me know if you will be unable to change the menu design.June 6, 2019 at 12:33 pm #212591Mohit_96582
ParticipantThis reply has been marked as private.June 7, 2019 at 7:08 am #212728maximus
Member@Mohit_96582 Yes you can select your menu like Whizlabs. I have created a video for your reference: Also you can refer our wplms video: https://www.youtube.com/watch?v=QX5Cfefxw-c Please note that, If you have featured image in course then image will also show in menu along with name but if you remove the image from the course then it only show the name of the course. And in Whizlabs menu, There are images not present in the course. Hope it will resolve your issue.June 9, 2019 at 3:22 pm #213030Diana
Participant@mohit_96582 DO NOT SHARE YOUR CREDENTIALS IN A REPLY WHICH IS VISIBLE TO ALL. ALWAYS MARK YOUR REPLY PRIVATE Marked your reply private. Do change your credentials asapJune 10, 2019 at 7:48 pm #213214Mohit_96582
ParticipantHello, The video you created for mt reference. I cant find the link for that. Please provide me that link.June 11, 2019 at 1:56 pm #213356maximus
Member@Mohit_96582 Sorry that video was deleted by my mistake. But now i have again created a video for you:http://somup.com/cq1XIKnK8Y Please follow this video step by step. Also for your reference i have shared a video above.June 11, 2019 at 4:55 pm #213386Mohit_96582
ParticipantHello, I tried this way. But this is not giving the result as I want like whizlabs.com . Please refer me another way for that.June 12, 2019 at 12:21 pm #213562maximus
MemberThis reply has been marked as private.June 12, 2019 at 3:09 pm #213656Mohit_96582
ParticipantThis reply has been marked as private.June 13, 2019 at 8:29 am #213738maximus
MemberThis reply has been marked as private.June 13, 2019 at 2:18 pm #213826Mohit_96582
ParticipantI appreciate you are helping me. But this is not I want. I want the exact same pattern and design of whizlabs.com courses drop-down. Like how it works and the look and feel. Please visit this sitehttps://www.whizlabs.com/ for reference.June 14, 2019 at 2:41 pm #214032Ava
MemberHi Mohit_96582 Please paste the below custom css code to Wp-admin > Appearance > customization > custom css > publishnav .menu li li.megadrop>.sub-menu, nav .menu li:hover.hasmegamenu>.sub-menu {
background: #1d1c24;
padding-top: 20px;
padding-left: 20px;
}
.megadrop .menu-cat_subcat .taxonomy_menu li:first-child .sub_cat_menu, .megadrop .menu-cat_subcat .sub_cat_menu, .megadrop .menu-cat_subcat .sub_posts_menu{background: #121119;}
.megadrop .menu-cat_subcat .taxonomy_menu>li>a {
width: 80%;
color: #fafafa;
font-size: 14px;
font-weight: 700;
}
.megadrop .menu-cat_subcat .sub_cat_menu {
left: 445px;
width: calc(100% - 110px) !important;
}
.megadrop .menu-cat_subcat .sub_cat_menu {
top: -21px;
}
.megadrop .menu-cat_subcat .sub_cat_menu.sub_posts_menu a .menu_featured img {
display: none;
}
.taxonomy_submenu{display: grid;
grid-template-columns: 1fr;
width: 100%;
}
.megadrop .menu-cat_subcat .sub_cat_menu.sub_posts_menu a {
margin: 15px 0 6px;
color:#fafafa;
font-weight: 300;
font-size:14px;
width: 15vw;
}
.menu_featured strong{font-weight:300;} -
AuthorPosts
- The topic ‘I want to change the navigation drop down style’ is closed to new replies.