How To Make Embedded Calendar 100% Width

Store Design
, , ,
1

Banging my head off the wall trying to make a tockify calendar 100% width so it matches our header menu. Any help would be much appreciated. Using Dawn theme.

2

Hey @dougjnl

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
@media screen and (min-width: 768px) {
section#shopify-section-template--18794233037021__main .page-width.page-width--narrow.section-template--18794233037021__main-padding {
    max-width: var(--page-width);
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}
}
</style>

RESULT:

image
image1160×910 313 KB

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

3

Amazing, that worked! Thank you so much!