Home New Guten Forums WoodMart support forum category background – dropdown height

category background – dropdown height

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

    supergap
    Participant

    Hi,
    going mouse over on a category voice of the category header menu (please look at attached file), the height of the dropdown area has the same height of the menu column (that is the sum of all the menu voices). Now, I wonder if is possible to set this height in a different way. This because if I have many categories, the column is very high (in my attachment file blu lines), so the dropdown area is really high. I would like that the height of the dropdown area in which the HTML Block is hosted, can be height-driven by the HTMLBlock content itself (in my attachment file red lines). The best could be to set different height for each category menu voice, but can be great also just to set custom same height for all voices.
    I hope I was able to describe the issue.
    Many thanks

    #445712

    supergap
    Participant

    Here the file I forgot to attach…

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

    Hello,

    Under the Dashboard > Appearance > Menus > Categories menu > there you can find the Dropdown width and Dropdown height to define: https://snipboard.io/NCVd8B.jpg

    Hope this helps !

    Best Regards

    #445853

    supergap
    Participant

    hi, i try changing that value. it was 10. I set different one, but the height of the dropdown area fr the HTML BLock is alway high as the menu items column.
    Please check here: http://narrateworld.supergap.it

    the first category menu voice is set to dropdown height: -5 instead of 10. But its height is not changed.

    Thanks

    • This reply was modified 2 years, 5 months ago by supergap.
    #445990

    Hello,

    It seems that there is some Min-Height defined for the dropdown Menu at your Site which is that white gap is appearing.

    So, please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

    .wd-nav-vertical .wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width) {
        min-height: auto !important;
    }

    Hope this helps !

    Best Regards

    #446012

    supergap
    Participant

    Hi,
    it works fine.
    To be honest, my CSS (here below) just control the Title Bar height, nothing else.

    .blog-post-loop .entry-meta-list .meta-author,
    .blog-post-loop .post-date,
    .single-post .post-single-page .meta-author {display: none;}

    .woodmart-archive-shop h1.entry-title.title, .woodmart-archive-shop .wd-back-btn.wd-action-btn.wd-style-icon.woodmart-back-btn {display: none;}

    .wd-back-btn.wd-style-icon>a {display:none;}

    .woodmart-archive-shop .title-size-default {min-height: 500px !important;}

    .wd-nav-vertical .wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width) {min-height: auto !important;}

    .paddingcategory {padding-left:8px;font-weight:100 !important;color: #ff0000;}
    .wd-nav-vertical .wd-dropdown-menu:is(.wd-design-sized,.wd-design-full-width) {min-height: auto !important;}

    Anyway, is not clear to me what does mean the’ dropdown height value’ set in the menu, with positive and negative values. What are those units (not px in my opinion or %?)

    Thanks

    #446211

    Hello,

    We are glad that it worked out for you.

    Those dropdown related options are generally for the dropdown width & height. They are generally for the dropdown but as the Blocks are made with the page builders, so their options override them.

    Best Regards.

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