Mega menu image dimension and custom menu hover color

Hey hackoffseries,

Thank you for using Enfold.

I would like to access the site but the login credentials are not working.

1-2.) It’s probably because of the the inner columns’ margin/padding property. Please adjust the values if you’re familiar with css. Or post the correct login details so that we can inspect it.

Best regards,
Ismael

Hi,

I checked the menu items and you’re using the columns as an actual menu item. Please note that the new menu script will not render empty mega menu columns. They have to contain a sub menu item. Move the image on a sub menu item under the columns. We modified the first column in the “About” menu as an example and added the following css code to fix the gaps.

#top #header .avia_mega_div > .sub-menu > li > ul li .avia-bullet {
    display: none;
}

#header .avia_mega_div .units {
    padding: 0 14px 0 0;
    margin: 0;
}

#header .avia_mega_div .units:last-child {
    padding: 10px 0 0 14px!important;
    left: -5px !important;
}

I can’t find the widget though.

Best regards,
Ismael

Hi,

Thank you for the update. Change the hover color with the following css code.

#top .content .flex_column .widget_nav_menu li a:hover, #top .content .flex_column .widget_nav_menu ul:first-child>.current-menu-item, #top .content .flex_column .widget_nav_menu ul:first-child>.current_page_item {
    background-color: red;
}

Best regards,
Ismael

Hi,

Glad we could help :-)

Please let us know if you should need any further help on the topic or if we can close it.

Best regards,
Rikard

Hi,

Thanks for letting us know. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard