Custom CSS Discarded in Mobile

Support
#1

We have a bunch of custom styling code in place that is discarded when the page is resized to mobile format.

#2

Hi Justin,

Thank you for reaching out to us. I checked your page source and I see you’ve a missing unclosed curly bracket in a media query which is wrapping your entire code for the screens larger than 768px. Please go to your custom CSS and find this code:

@media (min-width: 768px) {
                .flex-center-center {
                    min-height:calc(100vh - $$$px);
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    justify-content: center;
                    align-items: center;
                    align-content: center;
                }

And replace it with:

@media (min-width: 768px) {
                .flex-center-center {
                    min-height:calc(100vh - $$$px);
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    justify-content: center;
                    align-items: center;
                    align-content: center;
                }
        }

Let us know how this goes!

#3

That’s embarrassing D:

Thank you for catching that!

#4

You are most welcome. :slight_smile:

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.