How to Change the Arrows with the menu

[badarkwk]

How to Change the Arrows witht the menu - follow the image with the yellow marked arrows.

[mldarshana]

Hi There,

Thanks for writing in! Do you want to change the color ? If so, try adding the following CSS rule into your Theme Options > Global CSS area.

.x-navbar .desktop .x-nav li > a > span::after {
    color: red;
}

Hope that helps.

[badarkwk]

no i don’t want to change the colour, i want to replace the arrows with the other icons etc

[Prasant]

Hello @badarkwk,

Thanks for clarification.

You can add following CSS under Pro > Launch > Theme Options > CSS to change navigation directional icons:

.x-navbar .desktop .x-nav li>a>span:after {content: "\f063"; font-size: 12px;}

For list of available icons, you can refer following resources. http://demo.theme.co/integrity-1/shortcodes/icons/

You can also visit Font Awesome website for more options. http://fontawesome.io/icons/

Thanks.

[badarkwk]

Thank You - Worked Fine with the Desktop - Now how to do same with the Mobile Version

[Prasant]

Hello @badarkwk,

Sure, please use following CSS to change icon on responsive mode:

i.x-icon-angle-double-down:before {content: "\f063"; font-size: 12px;}

Thanks.

[badarkwk]

Got the Solution - Problem Solved Bro - Thank You So Much

[ruenel]

You’re welcome!
We’re glad we were able to help you out.