LSGJ-Eli

Hi @tuanphan, correct. It seems to me maybe this a squarespace limitation to build this kind of menu as an element piece on the web page versus something that takes up most of the screen and prevents further scrolling as the default menu.

Update: I have settled with a plugin from Ghost Plugins which at least functions really well on all devices. I still wish I could make a menu that looked like this, but I could not find out how. If anyone has any suggestions, happy to hear them out still. P.S. Is there any way to CSS code a custom color for the burger menu outside of the site style attached to the header?

Update: Reinstalled burger menu from Ghost Plugins this time and working fully on all devices.

Hello! I'm back - looking to start over on my hamburger menu building - this time starting with mobile menu and working over to PC so as not to brick this function on all devices (what has happened currently). How would I build a burger menu like this for my website on mobile?: LSGJ.org I'm totally okay with rebuilding the burger menu on both PC and mobile browser from what it currently is, because I'm in charge of this website launching and I've only a few days until official launch. Any help appreciated - thank you in advance!

Hi Paul, thanks for responding so quickly. I'm trying out the CSS code (which is difficult to test without an iPhone device myself) but could this possibly be an issue of the website not adjusting yet? I've noticed on apple devices the website is 'not secure' whereas on PC and Android there are security certificates showing. There's also a glitching with the 1st headline occurring when the page loads on iPhone. In either case, perhaps it looks like I'll need to reinstall a hamburger menu as I have from scratch to try to get this working on all devices.

Hi! We just launched our new website and unfortunately have found one of our most necessary features - the accordion/hamburger icon menu does not work on Apple devices (iPhones) that we've tested. Any help here? Works beautifully on PC and Android devices. Any help really appreciated! I'm not sure where to start with fixing this and our official launch is this weekend. (side note: this icon worked during dev/testing on iPhone before I connected my domain to our godaddy acct)

@tuanphan PW is 'church429'

Update: I was able to move the burger to the left with this code: .header-burger {position: absolute;} .header-title-logo { text-align:center; margin-left:0%; } I still need help trying to adjust the burger nav page/box into something more like that page screenshot pasted. Any help appreciated!

Hello! *This question is pertaining to the desktop version of my website* I am having issues moving my burger navigation from the right side of the screen to the left. I am looking to have the burger on the left side of the website, and then the logo in the middle or aligned right. I am unable to change either by adjusting the header layout thru SS's options on site styles. This pic is showing what I mean. I am also looking to create a burger nav that does not take up its own page. I am seeking to create something more like this from another church website. I'm not sure if I'm asking for too much out of Squarespace design wise but what's most important is the burger on the left. I've searched for hours on different websites and forums for solutions and tried numerous amounts of code in the CSS but haven't had any luck yet. This is the website name: https://test-lsgj.squarespace.com/