Why is my site header layout and theme malfunctioning?

Store Design

Topic summary

Site layout and theme issues reported after an attempted (but unsaved) change to split a dropdown menu. Header elements (“cart,” “create account,” “login”) now stack on three lines, the homepage slideshow no longer centers, and featured products lost bottom alignment. On mobile, the main menu opens by default.

Customization now fails with a stylesheet error in assets/theme.scss.liquid: “Invalid CSS after ’ }': expected ‘}’, was ‘’ at 2010.” This indicates a CSS/SCSS syntax problem in the theme’s main stylesheet, which can disrupt layout rendering and block theme customization.

No fixes or workarounds have been identified yet. The user seeks help to correct the CSS error and restore prior header, menu, and layout behavior. Issue remains unresolved; site URL provided for reference: www.slngrow.com.

Summarized with AI on January 15. AI used: gpt-5.
1

I am having several issues with layout. For some reason, the header(?) on my site has split the “cart,” “create account,” and “login” buttons into 3 lines, which makes everything look pretty jenky. URL is here:

www.slngrow.com

It also no longer centers the slideshow on my homepage, and the featured products used to be bottom aligned… Also, when you visit the site on mobile, the main menu is automatically open, which never used to be the case.

The only thing I recently tried to do was split a dropdown menu… I did not get very far (am not a coder), and hence, to my knowledge nothing was saved.

However, I now get this error message when trying to customize (fix!) the theme:

The following error was found in assets/theme.scss.liquid

Invalid CSS after " }": expected “}”, was “” at 2010

If anyone has any thoughts, I’m getting desperate!

Many thanks.