Jump to content

@media screen CSS code

Recommended Posts

  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

You missing a }. It should be

@media screen and (max-width:1511px) {
   #header .header-manu-nav-item:nth-child(7){
    display:none;
   }
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Thanks, sorry I forgot to { for this but my original coding was as follows;

 

@media screen and (max-width:1511px) {
   #header .header-manu-nav-item:nth-child(7){
    display:none;
   }
}

 

It seems only the codings for media screen are not working. E. g. the code below is perfectly find,

 

/*For Laptop Display*/
#collection-619467dd1982eb2daf369410
  #header .header-nav-item:nth-child(7){
    display:none
}

 

but, when I code like below for a specific page from custom CSS, it doesn't work..

 

/*mobile app desplay*/
#collection-619467dd1982eb2daf369410
@media screen and (max-width:1511px) {
   #header .header-manu-nav-item:nth-child(7){
    display:none;
   }
}

Link to comment
4 hours ago, Code01 said:

Thanks, sorry I forgot to { for this but my original coding was as follows;

 

@media screen and (max-width:1511px) {
   #header .header-manu-nav-item:nth-child(7){
    display:none;
   }
}

 

It seems only the codings for media screen are not working. E. g. the code below is perfectly find,

 

/*For Laptop Display*/
#collection-619467dd1982eb2daf369410
  #header .header-nav-item:nth-child(7){
    display:none
}

 

but, when I code like below for a specific page from custom CSS, it doesn't work..

 

/*mobile app desplay*/
#collection-619467dd1982eb2daf369410
@media screen and (max-width:1511px) {
   #header .header-manu-nav-item:nth-child(7){
    display:none;
   }
}

last code, you missing 2 { & }

/*mobile app desplay*/
#collection-619467dd1982eb2daf369410 {
@media screen and (max-width:1511px) {
   #header .header-manu-nav-item:nth-child(7){
    display:none;
   }
}}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

×
×
  • 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.