- This topic has 12 replies, 4 voices, and was last updated 4 years, 10 months ago by
.
-
Posts
-
Hi, 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 asap@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.@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.@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 asapHello, The video you created for mt reference. I cant find the link for that. Please provide me that link.@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.Hello, I tried this way. But this is not giving the result as I want like whizlabs.com . Please refer me another way for that.I 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.Hi Mohit_96582 Please paste the below custom css code to Wp-admin > Appearance > customization > custom css > publish
nav .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;}
- The topic ‘I want to change the navigation drop down style’ is closed to new replies.