@media screen CSS code

Site URL: https://www.hirohiro-art.com

Site URL: https://www.hirohiro-art.com

I used the following CSS to hide a specific menu bar on mobile screens:

Design -> Custom CSS

   @media screen and (max-width:1511px) {

   #header .header-manu-nav-item:nth-child(7){

    display:none

   }

But it has a Syntax Error and it's not working. Could you please help?

You missing a }. It should be

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

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;
   }
}

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;
   }
}}

Thank you, tuanphan! It worked with "menu"😊 !!