Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 12, 2016 at 11:28 pm #582544
    rbates86

    Hello, I am wondering how I can make my menu display all pages, including children, under the parent without the hover? I can’t seem to get rid of the hover state.

    So, for example, my menu currently looks like this:
    current behavior

    But I want it to look like this:
    desired behavior

    Is there a setting I can change, or am I going to have to adjust the CSS/Javascript?

    February 15, 2016 at 12:10 pm #583308
    Yigit

    Hey rbates86!

    You can try adding following code to Quick CSS in Enfold theme options under General Styling tab

    .html_header_left .av-main-nav ul {
    left: 0;
    top: 32px;
}

    But for more advanced menu, you are going to need to use a plugin or hire a freelance developer. Also, please feel free to request such feature here – https://kriesi.at/support/enfold-feature-requests/

    Best regards,
    Yigit

    February 15, 2016 at 5:28 pm #583605
    rbates86

    Hmm – that helps with the placement of the pop out – but I want it to be static and not pop out at all. So that all menu items are showing at all times. I was trying to see if there was a setting for this. Since it doesn’t appear that there is, I will mess around with the CSS to see if I can get all items to display on page load instead of on hover.

    February 15, 2016 at 5:39 pm #583620
    rbates86

    I was able to get this working by putting the following in the Quick CSS settings:

    
.html_header_left .av-main-nav ul {
    left: 0;
    top: 32px;
}

ul.sub-menu
{
opacity:1!important;
visibility:visible!important;
}

.html_header_left .av-main-nav ul 
{
    float: left;
    top: 0;
    left: 0;
    position: relative;
    width: 100%;
    border: 0px;
    padding: 0px;
    box-shadow: none;
}

.html_header_sidebar #top .av-main-nav ul a 
{
    padding: 5px 25px 5px 25px;
    border: none;
    font-size: 14px;
}

.html_header_sidebar #header .av-main-nav > li > a
{
    padding: 15px 0px 5px;
}

.html_header_sidebar #header .av-main-nav > li
{
float:left;
width:74%;
}

.html_header_sidebar #header .av-main-nav {
    padding: 20px 0 30px;
    float: left;
}
    • This reply was modified 9 years ago by rbates86.
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Remove pop out menu on left side menu layout’ is closed to new replies.