mportch Posted April 6, 2020 Share Posted April 6, 2020 Hi, Thanks to this forum I now have a hamburger icon on my desktop. But is there a way of adding 3 lines instead of just 2 – or making the 2 lines slightly thicker? In Safari it's a little hard to see it in the top right corner... Link to comment
tuanphan Posted April 6, 2020 Share Posted April 6, 2020 You can also change to custom icon? .burger-box div { display: none; } .burger-box { background-image: url(https://static.thenounproject.com/png/3143942-42.png); background-size: contain; background-repeat: no-repeat; background-position: center center; } or make burger bold .burger-inner:after, .burger-inner:before { height: 3px; } If the code doesn't work, can you share link to your site? 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
mportch Posted April 6, 2020 Author Share Posted April 6, 2020 Thanks. The bold worked. Although for some strange reason doesn't make a difference to viewing in Safari - it still looks skinny there. Weird. The first one just gives a strange looking icon – I'm not sure how to change this?... Link to comment
tuanphan Posted April 6, 2020 Share Posted April 6, 2020 You can change icon url in above code. 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
mportch Posted April 6, 2020 Author Share Posted April 6, 2020 I looked on the noun project - I could see how you download an icon but not how you linked one. And when I typed that url into my browser it was just a blank page. Link to comment
tuanphan Posted April 6, 2020 Share Posted April 6, 2020 replace this with new url background-image: url(https://static.thenounproject.com/png/3143942-42.png); you can séarch on Flaticon.com 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
mportch Posted April 6, 2020 Author Share Posted April 6, 2020 Sorry, I'm just not getting how this is done. How you link to an individual icon. I might have to give up on this. Link to comment
tuanphan Posted April 7, 2020 Share Posted April 7, 2020 Have you solved yet? 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
mportch Posted April 7, 2020 Author Share Posted April 7, 2020 No, sorry. I didn't understand how this worked. I couldn't find a url link to an icon online. Only how to download an icon from a site. Link to comment
tuanphan Posted April 7, 2020 Share Posted April 7, 2020 2 hours ago, mportch said: No, sorry. I didn't understand how this worked. I couldn't find a url link to an icon online. Only how to download an icon from a site. You can download icon on Internet, upload to your site: https://support.squarespace.com/hc/en-us/articles/205813928-Uploading-and-managing-files and insert link to my code 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
mportch Posted April 7, 2020 Author Share Posted April 7, 2020 Ok great thanks, I'll check this out later! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.