Shop Categories

X

Top Menu subitems not appearing on hover

Home Forums Agama Pro Top Menu subitems not appearing on hover

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #26498
    ORLA
    Participant

    Hello,

    My top menu has 3 subitems under the “Locations” tab, and they are not appearing as a dropdown when I hover over that tab. As far as I can tell, they are placed correctly in the WordPress menu builder (just like my primary menu that works fine). Any way to fix this?

    Thanks in advance!

    #26499
    Zex
    Moderator

    Hello ORLA!

    Try to insert the following codes into Customizing->General->Additional CSS:

    .top-links .menu-item-has-children:hover ul{
        display:block!important;
    }
    .top-links ul.sub-menu li a {
        line-height: 15px!important;
    }

    Regards

    #26517
    ORLA
    Participant

    Thanks, that definitely worked to display the menu! Now, is it possible I can have the 3 items in that menu aligned together? The top item has no indent, while the other 2 do. Could I also space them out & change the text to black? Thanks for all your help!

    #26520
    Zex
    Moderator

    Hi,
    Add the following codes additionally:

    .top-links ul ul li{
        height:50px!important;
       display: table!important;
        width: 100%!important;
     }
    .top-links ul.sub-menu li a {
      display: table-cell!important;
      vertical-align:middle!important;
      line-height: 24px!important;
      padding-left:10px;
    }
    .top-links a{
        color:black!important;
    }
    .top-links a:hover{
      color: #1e73be!important;
    }

    Regards

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.
Limited time offer : 50 % off : Apply Coupon Code at checkoutnewyear50