ErikaT

Site URL: https://beyondspace-showcase.squarespace.com/shop-demo/p/sphereviewer/?password=1234&utm_source=squarespace_forum&utm_medium=topic&utm_campaign=promo
Hello fellows,
I am about to launch my latest Squarespace Plugin - Sphere Viewer Block.
It provides an easy-to-use interface to integrate your 360 spritesheets images into Squarespace site, I wrote it so you can create it from Block Editor.
I will give 5 single-site license for first 5 builders/designers who is interested in adding this feature for their site, I am welcome the feedbacks to make it work well before launch
You can leave comment below or DM for access
DEMO: https://beyondspace-showcase.squarespace.com
Disclaimer: this is custom code plugin, it is not provided by Squarespace, so do not bother Squarespace support when there is issue, reach me instead


 

awesome, thank you Erika!

Hi,
Sure, with the below (enclose the below in your 1024px media query if you want the rounded effect etc on mobiles/tablets only). You may need to adjust your logo padding slightly again after this 🙂
.header-actions-action--cta a {
border-radius: 5px;
padding: 0.8em 0.8em !important;
}

Hi,
Try:
 .header-menu-nav-item a {
    font-size: 18px!important;
    background-image:none !important;
}

Hi,
Try:
 .header-menu-nav-item a {
    font-size: 18px!important;
    background-image:none !important;
}

Hi,
I edited one of @tuanphan responses to a similar query, with some tweaks for your setup:. Tuan is the expert, I'm still learning 🙂
@media screen and (max-width:1024px) {
/* show button */
.header-actions {
    display: block !important;
}
.header .header-actions-action--cta {
    display: block;
          width: 10% !important;
}
/* logo width */
.header-title-nav-wrapper {
    flex: 50% !important;
}
}

.header  .header-mobile-layout-logo-center-nav-left .header-display-mobile .header-title .header-mobile-logo {
    padding-right: 0px;
    padding-left: 10px;
    }

I had to take my header code injection out, save it > confirmed it was then working.
Put the code back in, saved it > and now its working again. 🙂

Working in squarespace for me but not mobiles. hopefully not long 🙂

Hi,
I've just been talking to SS live chat , same issue on my 7.1 site: https://www.erikatanithphotography.co.uk/
It's a known issue they are currently investigating apparently. No timeframe for resolution as yet, but told me to keep an eye on: https://status.squarespace.com/

You could also get rid of the earlier css to cut down on multiple entries and combine them:
.header-nav-item a[href="/easter"], .header-menu-nav-item a[href="/easter"] {
  color: #5c4255 !important; 
  font-weight: 1000;
}

Hi there 🙂
You could try:
.header-nav-item a[href="/easter"], .header-menu-nav-item a[href="/easter"]
 {
    color: #5c4255 !important; 
}

Hi,
Try:
.header-nav-item:nth-child(1) {
font-weight: 700;
}