LuckyAndSon

https://www.craftedfestival.com.au/

The top image of my mobile website includes the company logo, so I have added in code to not display the logo on the home page. However, once you start scrolling, a yellow bar appears at the top with the mobile burger menu in it and looks very empty without a logo there. Is it possible to keep the logo hidden for my top section of the site, but then have it show once you start scrolling down the page again?

Thank you so much, I don't have the premium account so couldn't add it into the header section but I just added a code block to the top of the page. 

All working now 🙂

Was there any solution to this? 

I'm trying to remove all image padding from a portfolio gallery top and bottom on mobile (as it displays correctly with no padding currently in full screen) but it seems no CSS is working in 7.1?

https://www.luckyandson.co/our-work/loveandwonder

On 2/8/2020 at 8:50 AM, inside_the_square said:

Hey @rsmith3074 - I realize you posted this weeks ago but I just now got back onto the forum and wanted to share the answer in case you still needed it! I use CSS to do this; this code does the trick for me. Hope it helps! 

 

.header-burger { display:flex!important}
.header--menu-open .header-menu {opacity: 1!important;visibility: visible!important;}
.header-nav, .header-actions {visibility:hidden!important}

 

 Hey inside_the_square do you know how to make the hamburger menu display on the right hand side instead of left using this CSS in Squarespace 7.1?

When I currently shrink the browser window the hamburger is jumping from the left to the right so I just need it on the right the whole time please.