Hide opening hours

CSS Codes Appointment Booking
1

Add this code to the Custom CSS field on the Settings tab of your Appointment Booking widget’s settings:

@media(max-width: 500px) {
[class*="content__Block-sc"]:nth-child(6) {
display: none !important;
}
}

@media (min-width: 501px) {
[class*="content__Block-sc"]:last-of-type {
display: none !important;
}
}

Guys, if this code was helpful to you, please drop a line in the comments. Your feedback helps us improve our services and provide better solutions :slightly_smiling_face:

2

Don’t work

3

Hi there, @Romano_Studio :waving_hand:

I’ve just tested the code and it’s working fine.

Without the code:

image
image1796×852 230 KB


With the code:

image
image1818×868 240 KB


Could you please double-check it?

4 
It doesn't work on mobile.

I use only
[class*=“content__Block-sc”]:nth-child(6) {
display: none !important;
}

Thankyou so much

5

Ah, I see, thanks for the note!

Yep, the previous nth-child(4) removed the email on mobile instead of the opening hours. I’ve replaced 4 with 6, which works fine :slightly_smiling_face:

6

Hi Max, the opening hours still show on the iphone when the phone is held upright (portrait), but when you hold/turn the phone landscape it disappears.

7

Hi there, @user4148 :waving_hand:

Could you please send me a link to the page, where your widget is installed? I’ll be happy to check it for you :slightly_smiling_face: