Mobile DropDown not working

JasonDeepchund · September 2016

Hi Guys, seem to be having an issue with the Submenu dropdown on mobile. It does not seem to be working at all. Also how would I change the colour and add an arrow to the options that have submenus.

Please help

Thanks

Albert · September 2016

Any link to page where sub-menu does not work?

JasonDeepchund · September 2016

Hi, guys, ok it seems to be working now. However, I need assistance with changing colour (currently its white) of the plus sign or probably changing that plus into an arrow.

www.seaenergiesafrica.com

Thanks

Albert · September 2016

To change it's color, please use the following css:

#Top_bar #menu ul li.submenu .menu-toggle { color: #FFF !important; }

But if you want to replace +/- with an arrow image, then you need to modify theme files because we do not have such option and also it wouldn't be possible with custom css.

JasonDeepchund · September 2016

Hi, iv added this to custom css on backend after changing color and it does not work.

However, when I adjust this line with browser editor it works perfectly, but does not reflect on live site.

#Top_bar #menu ul li.submenu .menu-toggle {

display: block;

position: absolute;

right: 0;

top: 0;

width: 48px;

height: 48px;

line-height: 48px;

font-size: 30px;

text-align: center;

color: #1a5592;

border-left: 1px solid #eee;

cursor: pointer;

}

Albert · September 2016

You must have bugs in Custom CSS section then and that's why any css after the place where the bug is, does not work.

Mobile DropDown not working

Comments