Custom branding CSS is not applying for registration page for screens <1920px width

Hey @WebinarSolutions,

Thank you for providing the CSS that you’re using. Initially, when testing this, I grabbed the CSS from your account and saw the same behavior on my end. I also tested with the registration URL that you provided.

I looked into this a bit further and was able to confirm some details.

  1. When loading from a mobile user agent, the page has a different formatting. the .page_header element doesn’t exist and is instead replaced with a .webinar_topic div that acts as a header and displays the Webinar title.

image

  1. I also saw that when resizing a desktop browser and refreshing the page, the .page_header element still existing on the page.

From here, I would try rolling back the CSS changes that you’ve made to get a good feel for how the page behaves by default. From there, you should be able to override the desktop and mobile styling in order to display the logo.

If not, you can also place it somewhere else on the page depending on what device and size the registration page is designed for.

I understand that this is a bit of a hassle when attempting custom branding. If you would like different behavior added, the best place to request it is via our feedback form. You can also submit a post in our #feature-requests category.

Let me know if you have any questions.

Thanks,
Max