main menu not showing sub menu properly

hi guys
main menu is not expanding out the sub menus properly (its only partially showing.
site: www.poprepublic.tv

can you suggest a fix?

Hello,

Did you applied some changes to the css/menu/menu.css file?

Hello,

Did you applied some changes to the css/menu/menu.css file?

nope - have not touched it.

Please open file css/menu/menu.css and please replace fragment:

Code: Select all

.gkMenu > ul li div.childcontent {
   background: #fff;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   border: 1px solid #eee;
    box-shadow: 6px 6px 6px rgba(0,0,0,0.2);
   margin-top: 0;
   text-transform: none;
   overflow-x: hidden!important;
   overflow-y: hidden!important;
}

with:

Code: Select all

.gkMenu > ul li div.childcontent {
   background: #fff;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   border: 1px solid #eee;
    box-shadow: 6px 6px 6px rgba(0,0,0,0.2);
   margin-top: 0;
   text-transform: none;
}

Please open file css/menu/menu.css and please replace fragment:

Code: Select all

.gkMenu > ul li div.childcontent {
   background: #fff;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   border: 1px solid #eee;
    box-shadow: 6px 6px 6px rgba(0,0,0,0.2);
   margin-top: 0;
   text-transform: none;
   overflow-x: hidden!important;
   overflow-y: hidden!important;
}

with:

Code: Select all

.gkMenu > ul li div.childcontent {
   background: #fff;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   border: 1px solid #eee;
    box-shadow: 6px 6px 6px rgba(0,0,0,0.2);
   margin-top: 0;
   text-transform: none;
}

awesome - that worked - many thanks!

didnt work for me. My issue is that the sub menu is coming out transparent. The white background to the menu is missing

@elleclouds - could you provide an URL to your website?