Home Forums Themes Support Claue Reduce height of menu options

Topic Resolution: Resolved

This topic contains 10 replies, has 2 voices, and was last updated by  Harry 6 months, 1 week ago.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #18117

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

    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

    #18149

    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

    #18162

    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

    #18174

    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

    #18179

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

    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

    #18207

    PERFECT! Thanks again Harry 🙂

    #18219

    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

    #18246

    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 🙂

    #18262

    Thank you so much!

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

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

You must be logged in to reply to this topic.