Home › Forums › Themes Support › Claue › Dropdown menu and 2 or 3 level
Tagged: menu problem
- This topic has 3 replies, 2 voices, and was last updated 4 years, 4 months ago by Harry.
-
AuthorPosts
-
-
January 4, 2020 at 6:47 pm #34864abeerSupport Expired
Dear,
Dear Team,
Thanks for this wonderful theme.I am really happy to purchase this theme.I need few solution from you..1. My menu is like Men >Bag >Leather Bag , But i am not finding any option like this on your theme. in below screenshot i am giving example what i want..
My question is how can i do this on your theme? is there any css code i need to write on
Appearance > menu , to do this ? Advance thanks for helping me out
-
January 4, 2020 at 8:33 pm #34867HarrySupport Expired
Hi Abeer,
Thank you for choose our theme and your kind words.
Please add below code to claue > theme option > general layout > custom CSS
.jas-menu li ul.sub-menu .sub-column .sub-column { position: absolute; min-width: 250px; display: table; background: #fff; top: 120%; opacity: 0; visibility: hidden; left: -17.5px; transition: all .3s; text-align: left; z-index: 10; padding: 0; box-shadow: 0 0 3px 0 rgba(0,0,0,.1); } .jas-menu li ul.sub-menu .sub-column > li:hover > .sub-column { top: 100%; opacity: 1; visibility: visible; } .jas-menu li ul.sub-menu .sub-column > li:hover > .sub-column { top: 0; } .jas-menu > li.menu-item-has-children > ul.sub-menu > .sub-column-item > a { color: #222; text-transform: uppercase; font-weight: 500; font-size: 12px; padding: 6px 0; border-bottom: 1px solid #eee; } .jas-menu > li.menu-item-has-children > ul.sub-menu > .sub-column-item > .sub-column > li { position: relative; } .jas-menu li ul.sub-menu .sub-column .sub-column { top: 20%; left: 100%; padding: 10px 15px; }
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio -
January 4, 2020 at 9:11 pm #34870abeerSupport Expired
Hi,
Thanks for you super speedy support. i really appreciate your support. As per your previous reply i put my code on that place
and i make an example by using look book menu… here is the screenshots
i kind of lost 🙁
And another thing is it possible to give arrow sign or plus sign those whos have sub menu or sub sub menu ?
I really appreciate your kind help and time and again thanks for this beautiful theme
Attachments:
You must be logged in to view attached files. -
January 4, 2020 at 10:10 pm #34877HarrySupport Expired
Hi,
1. Please remove classs “mega-menu” of parent menu Lookbook.
2. Please add more code
.jas-menu li.menu-item-has-children:not(.mega-menu) { padding-right: 20px; } .jas-menu > li.menu-item-has-children:not(.mega-menu):after { content: '\e688'; font-family: 'Pe-icon-7-stroke'; position: absolute; top: 50%; right: 0; margin-top: -14px; font-size: 18px; } .jas-menu ul.sub-column > li.menu-item-has-children:after { content: '\e684'; font-family: 'Pe-icon-7-stroke'; position: absolute; top: 50%; right: 0; margin-top: -14px; font-size: 18px; }
Kind regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
-
-
AuthorPosts
You must be logged in to reply to this topic.