Dropdown menu and 2 or 3 level

[abeer]

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..

screenshot menu

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

[Harry]

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

[abeer]

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

View post on imgur.com

View post on imgur.com

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 ?

View post on imgur.com

 

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.

[Harry]

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

[Author]

Posts