Hi tingundan,

That's done using custom CSS, if you want I can provide the codes which we have added to implement that feature and if you're using a standard menu it will work, otherwise not. 

Hi again,

Here is the CSS code which you will have to paste under Custom CSS

/* Menu: Hover Style */
.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark div.menu>ul>li>a:hover span, 
.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark ul.menu>li>a:hover span {
    background: #f7c016;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
/* Menu: Removing the menu Hover Style from Submenus  */
.sub-menu a span {
    background: transparent !important;
}
/* Menu: Active menu style */
li.current-menu-item a span {
    background: #f7c016;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

P.S. I checked your site and there does not seem to be a menu at all.

Hi there,

I have added some more code and commented the one you were using in Custom CSS, the boxes are now as they should be.