Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • matgray87 Friend
    #202189

    Hi,
    As demonstrated in the image attached, when hovering in the space between the drop down items in the megamenu and the bottom of the navbar it hides the menu (as the link hover area isn’t big enough).

    What margin/padding can I change to prevent this, otherwise you just have to move the mouse really quickly between the menu and the drop down before it disappears…?

    LINK HERE

    Thanks,
    Matt


    1. Screen-Shot-2014-10-17-at-18.06.19
    TomC Moderator
    #553409

    Not quite understanding your question . . . .

    Are you wanting to reduce the space between the main nav and the dropdown/megamenu?

    matgray87 Friend
    #553446

    Nope, wanting to keep it looking exactly the same style wis, but when hovering over the bottom part of the navbar, the drop down should still appear instead of disappearing. At the moment, you have to jump between the menu item and the drop down to prevent it from disappearing…

    Thanks!

    Adam M Moderator
    #553582

    Hi @matgray87,

    Please open file root_folder/templates/ja_biz/css/custom.css (if you don’t have this file, just create a new one) then add this code :

    .t3-megamenu .mega > .nav-child.mega-dropdown-menu {
    margin-top: 0;
    padding-top: 25px;
    }
    .t3-megamenu .mega > .nav-child.mega-dropdown-menu {
    background: none;
    }
    .t3-megamenu .mega > .nav-child.mega-dropdown-menu > .mega-dropdown-inner {
    background: #33bed9;
    }

    Save your file and recheck.

    matgray87 Friend
    #553626

    Great, thanks… solved the problem but affected the styling a bit, so added a couple more lines in and works just fine.
    Thanks!

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

This topic contains 5 replies, has 3 voices, and was last updated by  matgray87 10 years ago.

We moved to new unified forum. Please post all new support queries in our New Forum