Reduce height of menu options

[consciouscrafties]

Hi Harry,

Is it possible to reduce the height of each category in my left hand menu (see screenshot)

By height I mean the space/padding (NOT size of font)

Many thanks,

Karen

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Karen,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.header-5 #jas-mobile-menu ul ul {
	padding: 15px 0 0;
	margin: 15px 0;
}
.header-5 #jas-mobile-menu ul ul li a {
	padding: 5px 0;
	line-height: 30px;
}

and reduce 15, 5, 30 as your number

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[consciouscrafties]

Hi Harry,

Thanks for the CSS. I reduced the numbers 15, 5 and 30 but unfortunately it didn’t change anything in my main menu (desktop and mobile). I have cleared my cache just to be sure too.

Any other ideas?

Thanks for your help,

Karen

[Harry]

Hi Karen,

I see the spacing between sub menu item reduced.

If you want reduce space between menu please add more code

.header-5 #jas-mobile-menu > ul > li > a {
	line-height: 36px;
}

and change 36 with your number

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[consciouscrafties]

Brilliant thank you Harry! 🙂

I can’t see the change yet but I think even though I’ve cleared my cache on my laptop, I think I need to wait for the cache to clear on my server, as I wasn’t able to see the change to the sub menu height until today.

Many thanks,

Karen

[consciouscrafties]

Yay it’s updated! 🙂 Thank you!

One more thing… is there a way to vertically centre the plus sign as it’s off centre now? (see screenshot)

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Karen,

Please add below code

.header-5 .holder {
	top: 2px;
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[consciouscrafties]

PERFECT! Thanks again Harry 🙂

[Harry]

Hi Karen,

We happy if you give our theme 5 stars rating and give us good comment at https://themeforest.net/downloads

Thank you so much!

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[consciouscrafties]

Be thrilled to 🙂

Added this to the reviews…

Harry is ever so helpful and quick to respond to custom requests to make the theme even better for customers and vendors. I’m thrilled with the support. I’m also absolutely loving the theme, it’s so clean and well thought out without the bulk of the theme I previously used (BuddyBoss Social Marketplace).
Thank you for a great theme and support 🙂

[Harry]

Thank you so much!

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts