Remove Uppercase Accents plugin

Dear support, this is the first time I am seeking for your assistance. I saw that you provide general Wordpress help. I would be forever grateful if you could help me with the below.

I am using a theme that I bought from themeforest (champlacanienathenes.net). The theme supports a mega menu (first item in my header menu). When seen in mobile phone dimensions, the slide-in/sandwich menu shows all sections of the mega menu as children of the parent mega menu. The demo is here: http://webnus.co/themes/vision/forward/. All that is great.

However, my website will be translated in three languages, EN, FR and Greek. Although not a mistake, in Greek it is very ugly to see capital letters with accents. This was not foreseen by the theme, and the page titles are automatically capitalised without excluding the accents (see here: https://champlacanienathenes.net/epikoinonia/). I found a plugin that does exactly that: it removes uppercase accents for the greek language (https://wordpress.org/plugins/remove-uppercase-accents/). However, when activated it interferes with the mobile version of the mega menu. The mega menu does not open anymore in mobile version to see its children mega menu items.

Could you please help me replicate the function of the plugin by inserting some code? I saw that wordpress has this function: https://codex.wordpress.org/Function_Reference/remove_accents. However I do not where to put what code.

Many thanks in advance
Christos

  • Nahid
    • Tech Support

    Hey christos1306 !
    Hope you are having a great day!

    You can change this behavior of the text by using some custom CSS code instead of using a plugin. The CSS property I'm referring to is "text-transform" and the value to ask the text to show lowercase characters is "lowercase". You can learn more about this CSS property here.

    To make the page title(s) show lowercase characters, you can try the following custom CSS code:

    #headline h2, #headline h3 {
        text-transform: lowercase;
    }

    You can add this code in your WordPress Dashboard->Appearance->Customize->Additional CSS, in the stylesheet of your theme (child theme, most preferably) or a custom CSS plugin.

    Hope this helps. Let us know if you need any further assistance regarding this. Thanks!

    Best,
    Nahid

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.