Elizabeth Ann Seton - Lake Ridge, VA

Homepage Slider - Mobile - when on a phone screen (smaller than tablet) have the slider text display as H1 -> H3 and H4->p

Assigned to
Kyle Sullivan, Web Development at Diocesan Kyle S.
Notes

h4

h3


Comments & Events

Kyle Sullivan, Web Development at Diocesan
I've added the following to sass/site/secondary/_slider.scss. If they change their mind, I can easily comment this out or change it accordingly.
            @media screen and (max-width: 767px){
              h1 {
                font-size: 30px;
              }

              h4 {
                font-size: 1rem;
              }
            }
Kyle Sullivan, Web Development at Diocesan
I also set min-height: 10rem on the images in the flexslider so that users can still see the slider on phones in a landscape orientation.
Kyle Sullivan, Web Development at Diocesan
Kyle Sullivan completed this to-do.