# Module menu customize

**URL:** <https://community.wpbeaverbuilder.com/t/module-menu-customize/13961>\
**Category:** Beaver Builder\
**Tags:** mobile, bb-theme, beaver-builder\
**Created:** [February 15, 2021, 8:04am UTC](https://community.wpbeaverbuilder.com/t/module-menu-customize/13961 "2021-02-15T08:04:59Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![zizion](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/zizion/32/2914_2.png) [@zizion](https://community.wpbeaverbuilder.com/u/zizion)\
**Post date:** [February 15, 2021, 8:04am UTC](https://community.wpbeaverbuilder.com/t/module-menu-customize/13961/1 "2021-02-15T08:04:59Z")

</div>

Hello,

I want to customize the mobile (hamburger) menu hover color.  
And I add the following CSS for the menu,

.fl-builder-content .fl-node-600a1e5a264cd .menu \> li \> a:hover, .fl-has-submenu-container \> a:hover, .fl-node-600a1e5a264cd .sub-menu \> li \> a:hover,  
.fl-builder-content .fl-node-600a1e5a264cd .menu \> li \> a:focus, .fl-has-submenu-container \> a:focus, .fl-node-600a1e5a264cd .sub-menu \> li \> a:focus {  
background-color: #f1c43b;  
color: #000000;  
border: 2px solid #f1c43b;  
width: 140px;  
padding-left: 12px;  
padding-right: 12px;  
padding-top: 1px;  
padding-bottom: 1px;  
border-radius: 12px;  
}

The CSS is working though, but the menu behavior is strange. As soon as I touch the link, the menu is sliding out, so cannot even touch the submenu, something like that. Please let me know if I miss something on the CSS.  
Thanks!