Archived topic
CSS mobile issue
3 replies · Started by Dominic on June 1, 2022
Hi there,
i don't know if i am here in the right place for this problem. But maybe u can help me.
Do you know, why some custom CSS Code doesnt work on the mobile version?
For example:
https://zeitler.swiss/kontakt/
The breadcrump text is black instead of white on mobile
Also the WP Forms Button isn't displayed correctly.
I have used the individual CSS Styling in the Customizer. Here is the code for the Breadcrumbs:
/*breadcrumbs */
.rank-math-breadcrumb {
font-size: 14px;
}
.white-text.gb-container .rank-math-breadcrumb {
color: white;
}
Thank you for your help.
Dominic
Hi there,
the reason is because you have an open @media query in your CSS.
See here:
https://www.screencast.com/t/wIAawa3E7
The first @media query rule in red outline is missing its closing }.
But in this case directly beneath it you have another identical @media query which isn't required.
So to fix it - delete the @media (min-width: 769px) { where the red arrow points to.
Hi David,
yes, that was the problem..
Thank you so much for your perfect support! :)
Dominic
Glad to be of help
