Home Forums Themes Support Shang Bigger Menu

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #4709
    scevra
    Supported

    I would like to have a bigger height in the menu header, both hover the slideshow and in the sticky menu. Now the default height is to narrow, if I use a bigger logo, the logo will go outside the menu. i hope it is clear and you can help me!
    thank you!!!

    #4710

    Hi,
    Thanks for contacting us and choosing our product!
    Please send us your site URL.
    We’ll check the issue for you.
    The best solution now is use logo fit the height of menu.

    ****
    Regards,
    HaruTheme

    #4711
    scevra
    Supported

    Thank you!

    My site urk is: http://www.edencinofilia.it
    But now it is on maintenance mode.

    How do I use logo fit the height of menu? Where can I set that?
    thank you again!

    #4712

    Hi,
    Now your site in maintenance mode and we can’t check anything.
    However you can try the code in this topic:

    Why is the logo so small?


    Hope this help!

    ****
    Regards,
    HaruTheme

    #4713
    scevra
    Supported

    Thank you, I already tried it and it works. It’s actually for this reason that I want to increase the menu height in the sticky mode, but I am not able to find in the css where I can set this parameter.

    I attach screenshots with explanations, I hope you can help.

    Attachments:
    You must be logged in to view attached files.
    #4722

    Hi,
    Thanks for your feedback!
    To change height of Sticky Menu need customize much code and some files.
    Step 1: Change in js file by go to wp-content/themes/shang/assets/js then open file haru-main.js
    – You need find function stickyMenu and change:
    headerNavStickyHeight = 60,
    to
    headerNavStickyHeight = 80, // Or other value
    Step 2: Change in CSS:

    header.haru-main-header .haru-header-nav-wrap.nav-sticky {
    height: 80px; // Or other value
    }
    header.haru-main-header .haru-header-nav-wrap.nav-sticky .header-nav-above {
    height: 80px; // Or other value
    }

    https://prnt.sc/r4cu98
    https://prnt.sc/r4cufc
    It maybe depend on your Header you are using. You can find it follow this video tutorial about CSS customize:

    Hope this help!

    ****
    Regards,
    HaruTheme

    #4764
    scevra
    Supported

    Thank you! That worked perfectly!
    For the padding though, I didn’t understand how to increase it…

    #4769

    Hi,
    Your site is under maintenance mode and we can’t see it.
    Please public it so we can see.
    In this case Please see how to customize CSS follow our video tutorial. It will help you so much for you work.

    *****
    Regards,
    HaruTheme

    #4770

    Hi,
    Your site is under maintenance mode and we can’t see it.
    Please public it so we can see.
    In this case Please see how to customize CSS follow our video tutorial. It will help you so much for you work.

    *****
    Regards,
    HaruTheme

    #4778
    scevra
    Supported

    Thank you!! I will notify you as soon as I get my site public 🙂

    #4779

    Thanks for your feedback!

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

You must be logged in to reply to this topic.