Mobile View Syntax Error

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!

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.

Hi Melody,

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

Thank you @tuanphan, the code worked!