chrisspencer3993 Posted March 31, 2021 Share Posted March 31, 2021 Site URL: https://redsquirrelcreative.uk/ Hi there, I am looking for some custom CSS to change the icons for my mobile hamburger icon and the close icon once the menu is open. I am using Squarespace 7.1 with the Utica template if this helps. Any help would be greatly appreciated. Kind regards, Chris. Link to comment
tuanphan Posted April 5, 2021 Share Posted April 5, 2021 Hi. Use this code /* Non-active burger */ .burger-inner:after { content: ""; background-image: url(https://static1.squarespace.com/static/605902fc028a4738b5242b8c/t/606a578bc386f915f4ca8ffa/1617581963256/acorn.png); background-size: contain; background-repeat: no-repeat; background-position: right; background-color: transparent !important; display: block; width: 37px; height: 37px; } .burger-inner>div { display: none !important; } /* Burger when active */ body.header--menu-open .burger-inner:after { background-image: url(https://cdn.pixabay.com/photo/2018/03/11/14/09/eggs-3216877_960_720.jpg) !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment