extra settings for CSS for mobile
Posted: Wed Jul 08, 2020 3:10 am
Hi,
I am having trouble with CSS for mobile booking engine.
I am trying to hide some numbers from the drop down menu for upsell:
#optextra2 option:nth-child(n+8){display:none;}
#optextra3 option:nth-child(n+8){display:none;}
#optextra4 option:nth-child(n+8){display:none;}
#optextra5 option:nth-child(n+8){display:none;}
#optextra6 option[value="1"] {display:none !important;}
#optextra6 option:nth-child(n+8){display:none;}
#optextra7 option[value="1"] {display:none !important;}
#optextra7 option:nth-child(n+8){display:none;}
#optextra8 option[value="1"] {display:none !important;}
#optextra8 option:nth-child(n+8){display:none;}
#optextra9 option[value="1"] {display:none !important;}
#optextra9 option:nth-child(n+8){display:none;}
#optextra10 option[value="1"] {display:none !important;}
#optextra10 option:nth-child(n+8){display:none;}
#optextra11 option[value="1"] {display:none !important;}
#optextra11 option:nth-child(n+8){display:none;}
#optextra12 option[value="1"] {display:none !important;}
#optextra12 option:nth-child(n+8){display:none;}
#optextra13 option:nth-child(n+8){display:none;}
#optextra14 option:nth-child(n+8){display:none;}
.daysat{color:#c44a2f !important;}
.daysun{color:#c44a2f !important;}
.datestay{border: 1px solid #2f2f2f !important;}
.roomofferqtyselectlabel{display: block;}
.b24-selector-numnight{display:none;}
This code is working for PC site, but it is not working for mobile.
I have tried adding:
<meta name=“viewport” content=“width=device-width, initial-scale=1.0”/>
It is now working on my Chrome simulator, but not on real devices.
Has anyone encountered the same issue and know the solution?
I am having trouble with CSS for mobile booking engine.
I am trying to hide some numbers from the drop down menu for upsell:
#optextra2 option:nth-child(n+8){display:none;}
#optextra3 option:nth-child(n+8){display:none;}
#optextra4 option:nth-child(n+8){display:none;}
#optextra5 option:nth-child(n+8){display:none;}
#optextra6 option[value="1"] {display:none !important;}
#optextra6 option:nth-child(n+8){display:none;}
#optextra7 option[value="1"] {display:none !important;}
#optextra7 option:nth-child(n+8){display:none;}
#optextra8 option[value="1"] {display:none !important;}
#optextra8 option:nth-child(n+8){display:none;}
#optextra9 option[value="1"] {display:none !important;}
#optextra9 option:nth-child(n+8){display:none;}
#optextra10 option[value="1"] {display:none !important;}
#optextra10 option:nth-child(n+8){display:none;}
#optextra11 option[value="1"] {display:none !important;}
#optextra11 option:nth-child(n+8){display:none;}
#optextra12 option[value="1"] {display:none !important;}
#optextra12 option:nth-child(n+8){display:none;}
#optextra13 option:nth-child(n+8){display:none;}
#optextra14 option:nth-child(n+8){display:none;}
.daysat{color:#c44a2f !important;}
.daysun{color:#c44a2f !important;}
.datestay{border: 1px solid #2f2f2f !important;}
.roomofferqtyselectlabel{display: block;}
.b24-selector-numnight{display:none;}
This code is working for PC site, but it is not working for mobile.
I have tried adding:
<meta name=“viewport” content=“width=device-width, initial-scale=1.0”/>
It is now working on my Chrome simulator, but not on real devices.
Has anyone encountered the same issue and know the solution?