Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #492953

    Hello everybody,

    I love Enfold – so much so that I have 2 licenses already for it :)

    Just two quick questions:
    – I would like my main menu to be bigger – as in more height. I tried with padding, but that only pushes the text down without making the menu band itself bigger. Is there any quick-css solution for it?
    And while at it: when bigger I would like the text to be centered in the boxes :)

    – can I get rid of the hover effect in the menu? The box shadow appears instantaniously, the transition takes time, which makes it look awkward.

    You can take a look at the site at design-messe-freiburg.de

    Thanks for your help

    Cheers

    #492968

    Hey!

    Thank you for your kind words!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top #header .av-main-nav > li:hover > a {
        background-color: transparent !important;
    }
    .html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a {
        height: 50px;
        line-height: 50px;
    }
    .html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
    height: 50px;
    }
    .html_header_top.html_header_sticky #top #wrap_all #main {
        padding-top: 253px;
    }

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    #493014

    Wonderful! (Partly) worked like a charm.

    Only the hover effect still trails behind the box shadow so that on hover the box shadow built a box and afterwards the effect fills the box with the background image. Can this be simultaniously?
    I’m using chrome by the way.

    Edit: sorry, ok, no everything is fine, but now it is simply gone entirely. I want it, but not delayed =)

    #493466

    Hi!

    Please add following code to Quick CSS

    .av-main-nav > li > a, div #menu-item-shop.cart_dropdown {
        -webkit-transition: none;
        transition: none;
        -webkit-transition: none;
        transition: none;
    }

    and remove following one

    #top #header .av-main-nav > li:hover > a {
        background-color: transparent !important;
    }

    Regards,
    Yigit

    #493561

    you are awesome! Perfect! Thanks!

    #493586

    Hey!

    You are welcome, we are always happy to help!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Cheers!
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Menu Band Height + effects’ is closed to new replies.