Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 25, 2015 at 2:55 pm #492953
    Morendo_Memoria

    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

    August 25, 2015 at 3:16 pm #492968
    Yigit

    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

    August 25, 2015 at 3:47 pm #493014
    Morendo_Memoria

    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 =)

    August 26, 2015 at 11:57 am #493466
    Yigit

    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

    August 26, 2015 at 2:35 pm #493561
    Morendo_Memoria

    you are awesome! Perfect! Thanks!

    August 26, 2015 at 3:21 pm #493586
    Yigit

    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

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