Home Forums Themes Support Claue Reduce line height in top header

Topic Resolution: Resolved

This topic contains 6 replies, has 2 voices, and was last updated by  consciouscrafties 1 week, 1 day ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #19121

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

    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

    #19144

    Thanks, that’s worked so well 🙂

    Is it possible to do the same on desktop too?

    Thanks for all your help,

    Karen

    #19169

    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

    #19171

    Perfect thanks so much 🙂

    #19186

    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

    #19195

    Yay thanks ever so much 🙂

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.