donovancusick

Thank you!!! Here's the new code that I'm using, which has everything the way I'd like it to, except that I cannot get the opacity of this "< back" to change. Is there anything different I could try? /* change mobile menu "<back" */ a.header-menu-controls-control.header-menu-controls-control--active>span:nth-child(1) { visibility: visible; color: #6c9f7f; opacity: 1 !important; } a.header-menu-controls-control.header-menu-controls-control--active>span:nth-child(2) { visibility: visible; color: #6c9f7f; text-transform: lowercase; opacity: 1 !important; }

Hello @tuanphan I'm currently using this CSS to try and solve the same issue, but when I save it, the "new back" is not centered on the navigation pane with the other links. Also, the opacity function is not working; is there a way to make this link fully opaque? And also, can I change the color of the arrow along with the text? a.header-menu-controls-control.header-menu-controls-control--active>span:nth-child(2) { visibility: hidden; } a.header-menu-controls-control.header-menu-controls-control--active>span:nth-child(2):before { visibility: visible; content:"new back"; color: #6c9f7f; opacity: 1; width: 100%; } My website is www.donovancusick.com and the password is password