Submenu arrow icon overlapping with text

Question

I changed the direction of the submenu icon from right to left but after that, it is overlapping with text, how can I add a space between that & how can I change the color of that? Live url

SemiColonWeb · Accepted Answer

Hello,

You will need to change the Padding Left of the Menu Items in order to add a space. As this is a CSS Customization, you will need to manually code this or Hire a Freelancer to help you out. We currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy .

Use this CSS Code:

#primary-menu ul ul li > a {
	padding-left: 30px;
}

Also, which color would you like to change?

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Lilesh · Answer

sorry attached the wrong image, right error image is attached below

Lilesh · Answer

I wanted to change color of icon & I already tried adding this code before posting here but it isn't worked? what i am missing ? do I need to add this code to dark.css?, because I am using dark UI

Semicolon Web · Answer

Hello, 1. Since the Icon is an Image, you will need to change the Color using a Photo Editing Software. 2. You do not need to add this code to the css/dark.css File. Make sure that you are using the css/custom.css File to add your Custom CSS Codes according to the instructions provided in the Docum…

Lilesh · Answer

opps ! i wasn't using that custom.css file thank you so much