There are glitches with the titles that are on our site header, where it lists, “Home, About Us, Coronavirus, Experiences, Subscribe”. Ideally, I want it to look like this in all pages, where there is equal space between the words and it is positioned correctly. However, on the home page, there is a difference in the position, and there is a difference in the spacing between words (there is a bigger gap between “Experiences” and “Subscribe” as compared to the rest.) If you go to About Us, it is also not bolded anymore. I’m not sure if there are glitches in any other pages, but how do I make it so that these titles show up in the exact same place, with the exact same gaps, on every single page.
I hope you are well today and thank you for your question.
This is happening because you are using the custom CSS code on your website with the Yellow Pencil Editor.
To resolve the issue, please remove the above CSS code from your website.
You can reset the Yellow Pencil editor as described in the below pages.
The custom CSS code is generated automatically when you make changes in the styling of the website using the Yellow Pencil editor.
You can remove the generated CSS code as described on the below pages.
Before removing the CSS code you can check how your website will display by temporarily deactivating the Yellow Pencil Editor plugin.
Ok, I understood.
Let’s do it one by one.
Please go to the below plugins page and deactivate the Yellow Pencil editor plugin.
Admin Area -> Plugins
If you don’t know how to deactivate the plugin then please refer to the information provided on the below pages.
After deactivating the plugin, please see whether your issue got resolved.
Now, activate the Yellow Pencil Editor plugin again and remove the custom CSS code used in it as described on the below pages.