To hide an empty space at viewport width of 999px and below, create a class named as “.cu-es-hi-le999” where
- ‘es’ stands for emply space.
- ‘hi’ stands for ‘hide’.
- ‘le’ stands for less than or equal to.
- ‘999’ stands for the viewport width in px unit.
- In CSS, add these lines below.
CSS:
@media (max-width: 999px) {
.cu-es-hi-le999 {
display: none;
}
}
Similarly, to show an empty space at viewport width 999px, create a class with name “.cu-es-sh-le999” with appropriate CSS display: block, and if required, display: none at concerned width.
These are possible class names:
- .cu-es-hi-ge999 where ge stands for greater than or equal to 999px.
- .cu-es-hi-g999 where g stands for greater than 999px.
