# Hide opening hours

**URL:** <https://community.elfsight.com/t/hide-opening-hours/76006>\
**Category:** Appointment Booking\
**Created:** [October 16, 2024, 5:41pm UTC](https://community.elfsight.com/t/hide-opening-hours/76006 "2024-10-16T17:41:43Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [October 16, 2024, 5:41pm UTC](https://community.elfsight.com/t/hide-opening-hours/76006/1 "2024-10-16T17:41:43Z")

</div>

Add this code to the Custom CSS field on the Settings tab of your [Appointment Booking](https://elfsight.com/appointment-booking-widget/) widget’s settings:

```auto
@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 🙂

---

<div class="post-metadata">

**Author:** ![Romano\_Studio](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/romano_studio/32/28606_2.png) [@Romano\_Studio](https://community.elfsight.com/u/Romano_Studio)\
**Post date:** [January 25, 2026, 10:02am UTC](https://community.elfsight.com/t/hide-opening-hours/76006/2 "2026-01-25T10:02:28Z")

</div>

Don’t work

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [January 26, 2026, 10:56am UTC](https://community.elfsight.com/t/hide-opening-hours/76006/3 "2026-01-26T10:56:21Z")

</div>

Hi there, @Romano_Studio 👋

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

**Without the code:**

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/0/3/03423a11ce06ebc2f8efee5fd5496cb27c2d83ef.png)

  

**With the code:**

 ![image](https://us1.discourse-cdn.com/flex020/uploads/elfsight/original/3X/d/f/dfa444fc33694a9a9b50fb641af700c0c2a1c8cc.png)

  

Could you please double-check it?

---

<div class="post-metadata">

**Author:** ![Romano\_Studio](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/romano_studio/32/28606_2.png) [@Romano\_Studio](https://community.elfsight.com/u/Romano_Studio)\
**Post date:** [January 26, 2026, 11:15am UTC](https://community.elfsight.com/t/hide-opening-hours/76006/4 "2026-01-26T11:15:21Z")

</div>

```auto
It doesn't work on mobile. 

```

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

Thankyou so much

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [January 26, 2026, 1:15pm UTC](https://community.elfsight.com/t/hide-opening-hours/76006/5 "2026-01-26T13:15:56Z")

</div>

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 🙂

---

<div class="post-metadata">

**Author:** ![user4148](https://avatars.discourse-cdn.com/v4/letter/u/8e8cbc/32.png) [@user4148](https://community.elfsight.com/u/user4148)\
**Post date:** [February 28, 2026, 9:59pm UTC](https://community.elfsight.com/t/hide-opening-hours/76006/6 "2026-02-28T21:59:54Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [March 2, 2026, 12:27pm UTC](https://community.elfsight.com/t/hide-opening-hours/76006/7 "2026-03-02T12:27:22Z")

</div>

Hi there, @user4148 👋

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