Jump to content

Mobile View Syntax Error

By SMSSTYLING, in Customize with code

Go to solution Solved by tuanphan,

Recommended Posts

SMSSTYLING Level 4

SMSSTYLING

Posted
Posted

Hi,

The mobile version of my logo was initially aligned to the right. However, I'm now encountering a syntax error on line 4, leading to the logo overlapping with my photo, make it difficult to see.

CSS:

//logo on mobile

@media screen and (max-width: 640px) {
#blockid=97f5e9d103fbab98a3eb_shim" {
  margin-top:-43%;
  margin-left:30%;
   margin-right: -2%;
}

}

Any assistance would be welcomed!

Screen Shot 2023-12-14 at 8.22.15 PM.png

  • Replies 4
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

SMSSTYLING
SMSSTYLING

Thank you @tuanphan, the code worked!

Posted Images

melody495 Level 8

melody495

Posted
Posted
1 hour ago, SMSSTYLING said:

#blockid=97f5e9d103fbab98a3eb_shim" {

Hi, you have a rogue double quote at the end of your blockid. This line should be 

#blockid=97f5e9d103fbab98a3eb_shim {

Also, might want to double check your the block id that you are targeting. I think it should be #blockid=97f5e9d103fbab98a3eb. But do check, or please share your site url so we can check.

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Web Designer & Developer | All things Squarespace
When I have time, I like to help on the Forum, but if you need my full attention, please send your request here.

Tools I use: (affiliate links)
📅Blog Date Format plugin (Free by BeyondSpace)
⏬Lazy Load Summary Block plugin (by Squareswebsites)
📜Privacy Policy & Cookie Consent plugin (10% off by Termageddon)
📈SEO plugin for Squarespace (by SEOSpace)

☕ Did I help? I like coffee (Thank you)

  • 2 weeks later...
  • Solution
tuanphan Level 18

tuanphan

Posted
  • Solution
Posted
On 12/15/2023 at 1:43 PM, SMSSTYLING said:

Hi Melody,

My site url is https://www.shajuannastewart.com/.

I think the exact code should be 

@media screen and (max-width: 767px) {
div#block-97f5e9d103fbab98a3eb {
  margin-top:-43%;
  margin-left:30%;
   margin-right: -2%;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources