Docs

[minyona]

I’ve been customizing a few things on an x theme site I built for a client, but have a few adjustments that I’m stuck on… See the next post for details.

[minyona]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for writing in! To change the color of the phone icon and giving it a little space between the links, add this on your custom CSS

.call-icon-mobile a i:before {
    color: #fff;
    padding-right: 10px;
}

And this is for the mobile menu

.x-btn-navbar .x-icon-bars:before {
	color: #fff;
}

This is the code that applying a black color on those icons.

/* mobile nav sub menu*/
[data-x-icon]:before, 
[class*="x-icon-"]:before {
    color: #000;
}

Maybe lets make that more specific so not all icons including those social icon on the footer to be affected. Do you need that code to be applied on the sub-menu double down arrow? If so, please update that code to this:

.x-sub-toggle .x-icon-angle-double-down:before {
	color: #fff;
}

Hope it helps, Cheers!

[Author]

Posts