‹ Home
Exported

Mary - Fort Walton Beach, FL

Gary Smith, Web Department Director at DiocesanBlake Stapleton, Web Designer at DiocesanVeronica Alvarado, Project Manager at DiocesanMary Goeldel, DiocesanKyle Sullivan, Web Development at DiocesanSam Pohlman, Web Developer at DiocesanDanae Chudy, Web Designer at DiocesanDebbie Ridder, Mary-Fort Walton Beach StaffNathalie Shultz, Web ConsultantCody Armock, Web Content Specialist at DiocesanTony Ferreira, Mary-Fort Walton Beach StaffMarcus Borger, Developer at Diocesan_SupportRyan Hoch, Web at DiocesanRachel Tupper +2 others
From the list: Before Launch

✔ Mobile - Homepage Buttons

Veronica A. added this on
Completed by Kyle S.
Assigned to
Kyle Sullivan, Web Development at Diocesan Kyle S.
Due on
Notes
Icons should not touch. They should have more padding.
Screen Shot 2019-06-04 at 10.16.21 AM.png 152 KB • Download

Comments & Events

Kyle Sullivan, Web Development at Diocesan Kyle Sullivan, Web Development
I need to confer with Danae Chudy, Web Designer at Diocesan Danae about what to do with these buttons for responsive design. The box-within-a-box-within-a-box (ad nauseam) does not work well as the viewport shrinks, and we need to figure out a workable solution.
Notified 2 people
Kyle Sullivan, Web Development at Diocesan
Kyle Sullivan completed this to-do.
Kyle Sullivan, Web Development at Diocesan Kyle Sullivan, Web Development
I've restyled these to work responsively, with the main breakthrough being that the hover/focus effects no longer exceed the respective perimeters of the button elements when the mobile menu is present (1074px).

With that, I was able to add sufficient space around the buttons and style these in an acceptable manner.
Notified 2 people