Missing the icons to the right that tells you there a submenu i mobile after applying this code

Hey guys. I found this code in the forum for changing the mobile submenu to background white and so on. It works but the arrow icon to the right that tells there is a submenu seems to also be white and isn´t visable:

    .btn-submenu:before,
    #mainnav-mobi ul > li > a {
      color: #000;
    }

    #mainnav-mobi {
      background-color: #fff;
    }

    #mainnav-mobi ul.sub-menu {
      background-color: #666;
    }

    #mainnav-mobi ul li {
      border-color: #fff;
    }

 #mainnav-mobi ul.sub-menu > li > a:hover {
      color: #000;
    }

Can you please give me a solutions for this. submenu background also white. And if possible, change the arrow to a +

link: http://rogerlarsson.com/

Hi,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .btn-submenu svg {
      fill: #000;
    }

Regards,
Kharis
aThemes Support

Works like a charm, thanks. Is there anyway to change it to a plus sign too? ( + )

Hi,

Try adding this CSS code:

    .btn-submenu:after {
      content: "+";
      position: absolute;
      top: 0;
      right: 0;
      font-size: 30px;
      color: #000;
      display: block;
      width: 20px;
    }


    .btn-submenu svg path {
      opacity: 0;
    }

Regards,
Kharis
aThemes Support

Perfect, thanks! Great support. :heart:

1 Like

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis
aThemes Support