Jump to content

@media queries dont run on my squarespace 7.1 and i dont know why

Recommended Posts

Site URL: https://www.phyo.es

Hi my friend, im trying to add a vertical line on my website.

I use this code: 

<div class="home__verticalline">
</div>

<style>
  .home__verticalline {
    position: absolute;
    height: 2200px;
    border-left: 1px solid #d6ccc4;
    left: 50%;
  }
</style>

But I want to hide it when im on mobile so I add this media query:

<style>
@media only screen and (max-width: 700px) {
    .home_verticalline {
    display: none;
    }
  }
</style>

I think my code is OK, but when I check the website on mobile the "media query" doesn't run.

I add some screenshots.

Could you help me, please??

Captura de pantalla 2021-04-15 120757.png

Captura de pantalla 2021-04-15 120853.png

Captura de pantalla 2021-04-15 120928.png

Captura de pantalla 2021-04-15 121034.png

Link to comment
  • Replies 6
  • Views 1.3k
  • Created
  • Last Reply

You should add it to Design > Custom CSS, without the <style></style> tags, not to code injection.

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment
1 hour ago, Phyo said:

Do you know some another solution?

Please share the public password that you've set, so that we can take a look at the page. This will make it easier for the community to provide an accurate answer.

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment

You appear to be missing an underscore within the media query.

It should be .home__verticalline not .home_verticalline.

About me: I'm Paul, a SQSP user for over 18 yrs and a Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL, providing high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji below. Buying a coffee is optional.

Book paid help with domains: Connect a GoDaddy domain. Connect a Squarespace Domain. Domain assistance

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

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

Hire a Designer

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