Code01 Posted January 7, 2022 Share Posted January 7, 2022 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? Link to comment
tuanphan Posted January 8, 2022 Share Posted January 8, 2022 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
Code01 Posted January 8, 2022 Author Share Posted January 8, 2022 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
tuanphan Posted January 8, 2022 Share Posted January 8, 2022 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
Code01 Posted January 11, 2022 Author Share Posted January 11, 2022 Thank you, tuanphan! It worked with "menu"😊 !! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment