LindseyMexico14 Posted June 23 Share Posted June 23 Site URL: https://goldfish-red-5c6m.squarespace.com/ I am trying to make a burger menu that opens to the top left and extends outward (and is transparent) instead of down (see attached photo) not sure this is possible, but this is the code I have for now .header .header-burger{display:flex} .header-nav, .header-actions {display:none} .header--menu-open .header-menu { opacity: 1; visibility: visible;} .header .header-burger{display:flex} .header-nav, .header-actions {display:none} .header--menu-open .header-menu { opacity: 1; visibility: visible; box-shadow: -5px 5px 15px #000} Link to comment
0 tuanphan Posted June 25 Share Posted June 25 Hi. Your site is private. Can you setup password & Share url again? We can check easier 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
0 LindseyMexico14 Posted June 27 Author Share Posted June 27 On 6/25/2022 at 4:59 AM, tuanphan said: Hi. Your site is private. Can you setup password & Share url again? We can check easier sorry about that! the password is 123 Link to comment
0 tuanphan Posted June 30 Share Posted June 30 This is a bit complex. First, remove the code you used to force mobile burger on desktop Next, add 4 items to Main Navigation: Films - About - Contact - NA (with url: #) Next, we will give the code to change NA text to burger icon make effect like as you screenshot Note: This will require a Business Plan or higher. 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
Question
LindseyMexico14
Site URL: https://goldfish-red-5c6m.squarespace.com/
I am trying to make a burger menu that opens to the top left and extends outward (and is transparent) instead of down (see attached photo) not sure this is possible, but this is the code I have for now
.header .header-burger{display:flex}
.header-nav, .header-actions {display:none}
.header--menu-open .header-menu {
opacity: 1; visibility: visible;}
.header .header-burger{display:flex} .header-nav, .header-actions {display:none}
.header--menu-open .header-menu {
opacity: 1;
visibility: visible;
box-shadow: -5px 5px 15px #000}
Link to comment
Top Posters For This Question
2
2
Popular Days
Jun 23
1
Jun 25
1
Jun 27
1
Jun 30
1
Top Posters For This Question
tuanphan 2 posts
LindseyMexico14 2 posts
Popular Days
Jun 23 2022
1 post
Jun 25 2022
1 post
Jun 27 2022
1 post
Jun 30 2022
1 post
Posted Images
3 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment