Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 22, 2014 at 7:48 pm #268752
    nerkasa

    Hei guys,

    http://picpaste.com/left_menu_with_submenu-3VaH286J.png

    3) Left vertical custom menu: sub-menu is showing by default, while it should act just as any normal menu – to show sub-menus only on hover (like for ex. here: http://yuilibrary.com/yui/docs/node-menunav/node-menunav-5-example.html ).

    1) Is there a way to make the menu’s custom background full length on hover (just like the background of the current page “Forsiden” is white all the way to the left) ?

    2) Is there a way to make the distance between the left widget, blog posts grid, and the right widget smaller (by either decreasing inner or outer padding) ?

    The part of my quick css concerning the left custom menu is:

      #top .widget ul { list-style: none; font-weight: bold;}
      #top .widget ul li a:hover
      {
      border-top: none;
      border-bottom: none;
      background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, #C9F0FF),
      color-stop(1, #0099D1)
      );
      background-image: -o-linear-gradient(top, #C9F0FF 0%, #0099D1 100%);
      background-image: -moz-linear-gradient(top, #C9F0FF 0%, #0099D1 100%);
      background-image: -webkit-linear-gradient(top, #C9F0FF 0%, #0099D1 100%);
      background-image: -ms-linear-gradient(top, #C9F0FF 0%, #0099D1 100%);
      background-image: linear-gradient(to top, #C9F0FF 0%, #0099D1 100%);!important;
      }

    Thanks,
    Best regards,
    nerkasa

    May 25, 2014 at 8:59 pm #269761
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    May 25, 2014 at 9:24 pm #269772
    nerkasa
    This reply has been marked as private.
    May 25, 2014 at 10:10 pm #269782
    Josue

    Hi!

    3. Add this to the Quick CSS:

    #nav_menu-6.widget_nav_menu .sub-menu{
    display: none;
}
#nav_menu-6.widget_nav_menu .menu > li:hover .sub-menu{
    display: block;
}

    1. Change your code to:

    #top .widget ul li:hover {
border-top: none;
border-bottom: none;
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #C9F0FF),
	color-stop(1, #0099D1)
);
background-image: -o-linear-gradient(top, #C9F0FF 0%, #0099D1 100%);
background-image: -moz-linear-gradient(top, #C9F0FF 0%, #0099D1 100%);
background-image: -webkit-linear-gradient(top, #C9F0FF 0%, #0099D1 100%);
background-image: -ms-linear-gradient(top, #C9F0FF 0%, #0099D1 100%);
background-image: linear-gradient(to top, #C9F0FF 0%, #0099D1 100%);!important;
}

    2. Try with this:

    div.flex_column.av_one_half.avia-builder-el-8, div.flex_column.av_one_half.avia-builder-el-8 + .flex_column {
    margin-left: 20px;
}

    Regarding the other questions:

    1. No, i don’t think so.
    2. Just Devin as far as i know.
    3. Yes, you can contact WerkPress to work with Enfold.

    Cheers!
    Josue

    May 25, 2014 at 11:50 pm #269827
    nerkasa

    Josue,

    Amazing, you did more than I could expect, thanks for solving this headache man!
    Just one last thing – how do I get rid of these nasty bullets also in the sub-menu (I tried the last two hours but without success), and make the sub-menu drop down in a standard way – drop down on a side, not straight forward down (please see the url example on the top of this thread) ?

    My quick css now looks like this:

    #nav_menu-6.widget_nav_menu .sub-menu{
    display: none;
    }

    #nav_menu-6.widget_nav_menu .menu > li:hover .sub-menu{
    display: block;
    }

    #top .widget ul { list-style: none; font-weight: bold;}

    #top .widget ul li:hover {
    border-top: none;
    border-bottom: none;
    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #C9F0FF),
    color-stop(1, #0099D1)
    );
    background-image: -o-linear-gradient(top, #C9F0FF 0%, #0099D1 100%);
    background-image: -moz-linear-gradient(top, #C9F0FF 0%, #0099D1 100%);
    background-image: -webkit-linear-gradient(top, #C9F0FF 0%, #0099D1 100%);
    background-image: -ms-linear-gradient(top, #C9F0FF 0%, #0099D1 100%);
    background-image: linear-gradient(to top, #C9F0FF 0%, #0099D1 100%);!important;
    }

    Thanks again,
    Best regards,
    nerkasa

    May 25, 2014 at 11:56 pm #269829
    Josue

    Add this too:

    #top .widget_nav_menu ul ul li:before {
    content: "" !important;
}

    Cheers!
    Josue

    May 26, 2014 at 12:07 am #269830
    nerkasa

    Thanks! The bullets are now history..

    Big thanks yet again Josue! Awesome support!

    Best regards,
    nerkasa

    May 26, 2014 at 12:09 am #269831
    Josue

    You are welcome, glad we could help :)

    Regards,
    
Josue

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Submenu of left custom menu not dropping down’ is closed to new replies.