1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Category product + Hover

Discussion in 'Free Divi Community Forum' started by Steve-Imagine, Dec 4, 2023.

  1. Steve-Imagine

    Steve-Imagine Member
    Pro Member

    Thanks in advance for your help.

    On this page: https://yourexhibitstore.com/nbly/product-category/banner-stands/
    If you select the Retractable Banner Stands option, I have only one product so far and it should come up, but doesn't. When creating the product, I selected the category for it as Retractable Banner Stands. here is the page for the product: https://yourexhibitstore.com/nbly/product/the-standard/
    Not sure what I'm doing wrong for it not to show up.

    2nd thing, on the top/main navigation menu, when you hover, it goes from the the highlighted red hover goes from the top of th row to the bottom, is there a way to adjust the height of the hover so it's narower?
    I looked everywhere and cannot see where to adjust it.

    Steve
     
    #1 Steve-Imagine, Dec 4, 2023
    1. PRO MEMBER PERKS Divi.Help One-Page Layouts - Beautifully crafted one-page Divi layouts just for you:View All Layouts
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    I see you're using third party module to display it. You should refer to the plugin support.
    I see you're using fade in red menu hover. Are you looking to reduce the height of the fade in red?
     
    #2 Divi.Help, Dec 5, 2023
  3. Steve-Imagine

    Steve-Imagine Member
    Pro Member

    The first issue mentioned, I'm working with the developer.

    the 2nd issue: On the main nav menu at: https://yourexhibitstore.com/nbly/ when you hover over Home/Products etc. I'm not sure what you mean by fade? When you hover over it the red hover goes across the whole row, I would like it to be the height of the separators between the links height. I can't see anywhere to adjust it. BTW, this is your menu from your block site.

    Thanks.
     
    #3 Steve-Imagine, Dec 5, 2023
    1. PRO MEMBER PERKS Divi Block Pro - Premade dynamic background hover design for your Divi site without using any plugins:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    The default method can't set the height of the hover area, as it's targeting the full menu item.

    But here's a workaround using psedo CSS. Just add the below CSS in WP Admin > Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    You can adjust the height 30px to fit your need.

    But the pseudo hover effect will not work for search & cart icon, as all the pseudo CSS has been used to create the border & the icon.
     
    #4 Divi.Help, Dec 5, 2023
(You must log in or sign up to post here.)