Display Date-Specific Hours full with

[BryanCamphens]

When I show the Business Hours widget on my website, the specific dates are not displayed full with. In the widget overview they are full with. How can I change this?

[Irene]

Hey there, @BryanCamphens!

Usually, the dates are wrapped due to the Width value being too little. So everything should be fixed by setting it to be Full Width:

I checked your widget and noticed that the behaviour from your screenshot isn’t present now. Would you mind sharing if you chose the solution I proposed above to fix it up?

[BryanCamphens]

Hi Irene,

Thanks for your reply. When you check the widget on my website, unfortunate it still doesn’t work well.

Openingstijden - Ortho Billet

[Irene]

Oh I see, thank you for the info! Must be a conflict of styles, which is totally fixable by our dear developers.

Let me pass it to them, and I’ll be back with the news soon

[Irene]

Hey there,

Good news – our devs applied a fix to your widget, and now the Business Hours are set to full width
They managed to do it by eliminating a style conflict with the help of the following CSS code:

@media (min-width: 400px) {
  [class*='schedule-block__Container-sc']:last-child {
    max-width: 350px;
  }

  [class*='schedule-block__Container-sc']:last-child
  [class*='schedule-block__ItemsContainer-sc'] {
    grid-template-columns: auto min-content !important;
  }
}

Please check out your website and let me know how it’s going on your end

[BryanCamphens]

Thnx a lot!