Reduce line height in top header

[consciouscrafties]

Hi Harry,

Is it possible to reduce the line height between my items in my top header (see screenshot)

I’ve added multiple lines to fit more in but it kinda takes over the screen 😉

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

@media only screen and (max-width: 736px) {
.jas-push-menu-btn::after {
	font-size: 12px;
}
.jas-push-menu-btn {width: 23px;}
.jas-socials a, .header-text, .header__top .jas-action a {
	line-height: 1.3;
}
}

Best regards

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

[consciouscrafties]

Thanks, that’s worked so well 🙂

Is it possible to do the same on desktop too?

Thanks for all your help,

Karen

[Harry]

Hi Karen,

Please change prev code to

.jas-socials a, .header-text, .header__top .jas-action a {
	line-height: 1.3;
}
@media only screen and (max-width: 736px) {
.jas-push-menu-btn::after {
	font-size: 12px;
}
.jas-push-menu-btn {width: 23px;}
}

Best regards

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

[consciouscrafties]

Perfect thanks so much 🙂

[Harry]

hi Karen,

Please change prev code to fix menu button on mobile

.jas-socials a, .header-text, .header__top .jas-action a {
	line-height: 1.3;
}

Best regards

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

[consciouscrafties]

Yay thanks ever so much 🙂

[Author]

Posts