How to hide (not disable the component) the home inspection times

Hi,

I want to hide the Open for inspection times on every device. At the moment it is still displaying on mobile devices. I don't want to disable the module as it is still being used in a different way, I just want to hide the thumb that appears on mobiles as it covers over the text.

I have managed to hide it on other device sizes using the following css:

div.os_property_content .inspectiontimes {
visibility: hidden !important;
}

These are what I have tried on mobile versions:

.inspectiontimes {
visibility: hidden !important;
}
div.os_property_content.row.img-thumbnail .inspectiontimes {
visibility: hidden !important;
}

The above make it dissapear in Chrome inspection window but they do nothing when applied to my custom css.

What would be the corrects css to hide it on mobile too (or on every device if possible)?

Kind regards

Mel

Hi Mel,
You can disable Open time for inspector part by going to OS Property Configuration -> Tab: Properties and select No at field: Open time.
Thanks
Dam

Hi Dam,

thanks. I know I can do that, but it needs to stay active as is used by some custom work I have done. I just need to hide it. I have managed to do it on Desktop but it still shows on mobile.

Kind regards

Mel

Hi Mel,
Actually, you can use:
display:none !important
instead of
visibility: hidden !important;

Dam