ErikaT
Member-
Posts
108 -
Joined
-
Last visited
Personal Information
- Website
-
Location
UK
Recent Profile Visitors
729 profile views
ErikaT's Achievements
-
Site URL: https://www.erikatanithphotography.co.uk/ Hi, I wonder if anyone could help? The very first image on my homepage (the top image that sits beneath my header) is loading lazily as it looks to be the default for all background images in squarespace. This means when I run pageinsights I get the error: "Largest Contentful Paint image was lazily loaded. Above-the-fold images that are lazily loaded render later in the page lifecycle, which can delay the largest contentful paint." Is there a way to force just this one particular image to NOT load lazily? Thanks in advance if anyone can shed any light, Erika
-
Hi there, Can you provide a link to your website and the page in question.
-
ErikaT reacted to a post in a topic: [Custom Plugin Early Access] 360 image viewer block
-
ErikaT reacted to a post in a topic: For the header of the mobile view, how can you show 3 things: hamburger menu, logo and a button?
-
zzlogan reacted to a post in a topic: For the header of the mobile view, how can you show 3 things: hamburger menu, logo and a button?
-
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; }
- 13 replies
-
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; }
- 13 replies
-
Hi, We'd need the password to your site to confirm the coding/positioning. Also how would you want it displayed: BURGER | LOGO | BUTTON? Thanks, Erika
- 13 replies
-
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/
-
7.1 Bolding the first item in the navigation bar
ErikaT replied to IMPACT's topic in Customize with code
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; } -
7.1 Bolding the first item in the navigation bar
ErikaT replied to IMPACT's topic in Customize with code
Hi there 🙂 You could try: .header-nav-item a[href="/easter"], .header-menu-nav-item a[href="/easter"] { color: #5c4255 !important; } -
7.1 Bolding the first item in the navigation bar
ErikaT replied to IMPACT's topic in Customize with code
I'm glad it helped 🙂 -
HOW TO ADD A BACKGROUND COLOR TO THE FOOTER?
ErikaT replied to Sladey16's topic in Fonts, colors and images
And if you wanted your footer full width: #footer { background: #F1ECC2; max-width: 100%; }- 17 replies
-
- footer
- code-injection
-
(and 3 more)
Tagged with:
-
HOW TO ADD A BACKGROUND COLOR TO THE FOOTER?
ErikaT replied to Sladey16's topic in Fonts, colors and images
Ah okay is: footer#footer { background: #F1ECC2; }- 17 replies
-
- footer
- code-injection
-
(and 3 more)
Tagged with: