diff --git a/pinaxcon/templates/symposion/schedule/schedule_conference.html b/pinaxcon/templates/symposion/schedule/schedule_conference.html
index 8b74918a..14a21b34 100644
--- a/pinaxcon/templates/symposion/schedule/schedule_conference.html
+++ b/pinaxcon/templates/symposion/schedule/schedule_conference.html
@@ -49,7 +49,7 @@
{% include "symposion/schedule/_grid.html" %}
{% endcache %}
-
+
{% cache 180 cache-schedule-mobile timetable.day.date %}
{% include "symposion/schedule/_mobile.html" %}
{% endcache %}
diff --git a/static/src/scss/app.scss b/static/src/scss/app.scss
index 278efa31..d52290e3 100644
--- a/static/src/scss/app.scss
+++ b/static/src/scss/app.scss
@@ -576,6 +576,30 @@ hr {
footer {
display: none !important;
}
+
+ .schedule-page {
+ .mobile-schedule {
+ display: none !important;
+ }
+
+ @include media-breakpoint-down(lg) {
+ .container {
+ max-width: 100%;
+ }
+ }
+
+ @include media-breakpoint-down(md) {
+ .hidden-md-down {
+ display: initial;
+ }
+ }
+
+ @include media-breakpoint-up(lg) {
+ .hidden-md-down {
+ display: initial;
+ }
+ }
+ }
}
.card-group.key-dates {
@@ -610,22 +634,24 @@ hr {
}
-.schedule-page {
- @include media-breakpoint-down(lg) {
- .container {
- max-width: 100%;
+@media screen {
+ .schedule-page {
+ @include media-breakpoint-down(lg) {
+ .container {
+ max-width: 100%;
+ }
}
- }
- @include media-breakpoint-down(md) {
- .hidden-md-down {
- display: none !important;
+ @include media-breakpoint-down(md) {
+ .hidden-md-down {
+ display: none !important;
+ }
}
- }
- @include media-breakpoint-up(lg) {
- .hidden-md-up {
- display: none !important;
+ @include media-breakpoint-up(lg) {
+ .mobile-schedule {
+ display: none !important;
+ }
}
}
-}
\ No newline at end of file
+}