New Secure Payment Page from Event Registration Form loading mobile css?

Alexis Ortega

Loving the new Event Registration Form Part, but I'm getting a strange error on the new secure payments page - its loading our site's mobile stylesheet/css instead of the desktop version... even though the two previous pages load the correct stylesheet just fine.



Is anyone else getting this?



I've checked out this topic - http://bbnccommunity.blackbaud.com/bb... - but updating the template does nothing.



Any ideas as to what I can do change this, other than reverting back to Event Registration Form (Classic)? I really like the userflow of the new form.

Alexis Ortega

After really quick sleuthing, I found out that the Secure Payments page just loads all the css you have listed for your browser - so the mobile stylesheet I had listed after my basic stylesheet loaded automatically without taking into account media queries. The desktop version knows to bypass that style sheet, and thus won't load unless the media queries are fulfilled, but the payments page just loads it all.



It's not a *huge* issue, but I liked having a mobile/responsive stylesheet attached to the desktop browser list in addition to the mobile browser/device list so I could see the changes in CSS happen when I resized my browser.

Karen Badham

Hey Lex,



If you need more help on this, please create a case on case central https://www.blackbaud.com/casecentral... so one of our analysts can take look at it.



Thanks!


Karen

Joseph O'Driscoll

Lex, even though you are using a separate stylesheet for mobile, you should still target the CSS within it based on viewport. This will improve the overall delivery of how CSS will rendering within a mobile environment.