Hi Mike,

Thank you for the compliment!

There is only 1 opening hour widget but you can add it on multiple locations in the theme like in the footer and sidebar. Probably the sidebar is a little narrower than the space available in the footer.

You can try to change the width of the sidebar a little bit with some custom CSS code:

@media (min-width: 992px) {
    .content-area .col-md-9 { width: 75%; }
    .content-area .col-md-3 { width: 25%; }
}

The 75% can be lowered and the 25% increased. Just make sure that both end up on 100%

Another option is to decrease the padding of the opening hour widget in the sidebar:

.content-area .opening-hours {
    padding: 20px 35px;
}

The 35px value can be reduced to lower the left and right padding.

You can add custom CSS via Appearance -> Customize -> Additional CSS

If you would like to make the dash icon separator an "&" symbol you can do that via Appearance -> Customize -> Theme Options -> Opening Hours & Translations at the "Separator" option.

Hope this helps.

Hi Mike,

That's strange I just tested the first CSS snippet again on my Physio theme installation and it work without any issues. It will not actually change anything to the opening hour widget itself it will only make the sidebar wider so the content inside the opening hour widget will get more space. 

Good to hear that the second CSS fix did the job

Unfortunately the separator symbol is not wrapped within a HTML tag so it is not possible to target this element with CSS. Another option to remove the "&" symbol from Wednesday is to set a fixed with to the opening hours of this day and make content that fall outside this width invisible. Hope this explanation make sense but you can try it by using the following CSS:

.opening-hours ul li:nth-child(3) span.right {
    width: 95px;
    text-indent: -10px;
    overflow: hidden;
    left: 11px;
    position: relative;
}

I'm happy to hear that Mike.

Thanks! Have a great weekend too

Hi Mike,

I see, can you add the following CSS to Appearance -> Customize -> Additional CSS as well:

.footer .opening-hours span.extra {
    clear: both;
    display: block;
}

If you would like to have the text centered just like in the sidebar you can add this one instead of above snippet:

.footer .opening-hours span.extra {
    clear: both;
    display: block;
    text-align: center;
}

Hope this helps.

You're welcome

If you have any other questions please let me know.