mactas Posted February 22 Share Posted February 22 Hi there I would to add some custom code so that when viewing my site on mobile it shows a burger menu icon rather than the word menu. I wouldn’t want the icon when viewing it in desktop mode. Link to comment
Mark.Hook Posted February 22 Share Posted February 22 Try plugging this into your custom css and see if it does the trick. You can upload your own hamburger icon into your custom files and use it by replacing the url in the "background-image" value. #mobile-navigation #mobile-navigation-label:after { color: transparent; background-image: url(https://static1.squarespace.com/static/63f692c4eeb45a2b7e8c96c1/t/63f69485d05aa216add223f4/1677104261757/hamburger.png); background-size: contain; background-repeat: no-repeat; background-position: 50%; } Lead Developer at [Hook Creative][1] in Springfield, MO. [1]: http://www.hookcreative.co Link to comment
mactas Posted February 23 Author Share Posted February 23 Hi Mark, Thank you for this. That worked but when i first load the page and hit the burger menu it doesn't seem to pull down the whole menu and the contact section is hidden until you scroll down. www.tasunderwood.com Link to comment
tuanphan Posted February 26 Share Posted February 26 On 2/24/2023 at 2:23 AM, mactas said: Hi Mark, Thank you for this. That worked but when i first load the page and hit the burger menu it doesn't seem to pull down the whole menu and the contact section is hidden until you scroll down. www.tasunderwood.com Try Design > Site Styles > Disable Ajax Loading 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
mactas Posted March 8 Author Share Posted March 8 I don’t seem to have that setting to disable on my Squarespace 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