Mobile submenu double arrow overlap text

I am using the Renew theme and I am almost done with the design but I am encountering a small glitch with the mobile menu.

it looks fine on the desktop site but on the mobile site, the text overlaps the double arrow. (notice SERVE)

is there a way to solve this problem? Thanks!

Hello,

Please provide your URL so we can take a closer look.

Thanks

Hi there,

Please try this code:

.x-navbar .mobile .x-nav li .sub-menu a {
    padding-right: 35px;
}

Hope this helps.