Hi guys,
I have the the problem that the german umlauts in the heading-row of a table got broken on the mobile view.
The same problem without any solution is mentioned on this topic:
Does a solution to this problem exist in the meantime?
In the private content you will find the temporary access data.
Thanks for yor help.
Hey msteid,
Sorry for the late reply and thanks for the link and login, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
@media only screen and (max-width: 767px) {
#top.page-id-12244 .avia-table-1 td:nth-of-type(1):before {
content: 'Steuerliche Forschungsförderung' !important;
}
#top.page-id-12244 .avia-table-1 td:nth-of-type(2):before {
content: 'Andere Förderprogramme' !important;
}
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
Hi Mike,
thanks for your answer and help. Your code is working!
I have another question: I would like to have the headings row and caption column in the table with the background color #16365d and the font color white. Could you help me with this?
Best regards
Hi,
Glad to hear, please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
@media only screen and (max-width: 767px) {
#top.page-id-12244 .avia-table-1 td:nth-of-type(1):before {
background-color: #16365d;
color: #fff;
}
#top.page-id-12244 .avia-table-1 td:nth-of-type(2):before {
background-color: #16365d;
color: #fff;
}
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike