Help with opening hours table

[Timmid]

Hello X Theme,

I’m struggling with making a nice opening hours table on my website. Maybe you can help me with a good solution?
It’s displayed on this page: https://www.kuipersfysiotherapie.nl/website/contact/

At the moment I have made an html table witch looks fine but I want it to center the whole table below 767px, just like the other text. I’ve done it with this code:

$el {
display: block;
margin-left: auto;
margin-right: auto;
width: 26%;
}

But then it’s not always centered. Can you help me with a solution for this table or an other way in cornerstone to display a nice opening hours table?

[nabeel]

Hi @Timmid,

Thank you for reaching out to us. You’re giving the width in percentage which is causing the issue when the screen gets smaller, the actual width of your table is 200px so if you replace the width from 26% to 200px, this will make the table centered in all resolutions. You can use this code instead:

$el {
display: block;
margin-left: auto;
margin-right: auto;
width: 200px;
}

Hope this helps!

[Timmid]

Worked great. thank you for the help.

[ruenel]

You’re welcome!
We’re glad @Nabeel were able to help you out.