Background of the issue:
I am trying to implement CSS code added under Design --> Customizer --> Additional CSS in the Theme 'Twenty Seventeen'. This CSS is necessary due to a bug in the theme that affects the margin between the headline and the text on the home page in the mobile version. Here is the CSS code used: .page-id-9 .entry-header { margin-bottom: 1em !important; /*after*/ } The issue can be seen on the page: hidden link and I expected to see: hidden link.
Symptoms:
The additional CSS is not implemented in the translated version of the website, causing a layout issue on mobile devices.
Questions:
How can I ensure that the additional CSS code is implemented in the translated version of the website?
Welcome to the WPML support forum. Before passing this thread to my colleague, I would like to share some suggestions and possible solutions for the issues you mentioned.
Normally, you can override the CSS styling on the WPML>>Languages page under the Language Switcher Options section. Simply click on the Additional CSS link to make your changes. Please try it after a site backup and let us know your feedback.
Refer to the following screenshots for more details.
Hi, thanks for your quick reply. I just added the respective CSS code to the "Additional CSS" field shown by you (see screenshot). However, this doesn't solve the problem, unfortunately.
I'm looking forward to receiving further assistance. Thanks in advance.
