[Resolved] Auto Uppercase Occured in the Link of “After Slideout Navigation” Element

[yitegele]

Hi GP!

How are you?

I find the following problem, and can not find how to solve it.

I use an Element called “After Slideout Navigation”, and there is a link of email address.

When I input lowercase for this link, and it shows as lowercase in page builder. But in iPhone/small screen of PC, this link automatically changed to uppercase. Evan I choose Transform as lowercase for this link, it still shows as uppercase.

Kindly help. Thank you.

Best,
Yi

[Fernando]

Hi Yitegele,

For reference, can you provide the link to the site in question?

You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

[yitegele]

Please see the Private information. Thank you.

[David]

Hi there,

that headline link is picking up the Text Transform of the navigation items.

To fix that will require some CSS.
Select that headline block in the off canvas panel, and in Advanced > Additional CSS Class(es) add: normal-text
Publish that change

Then add this CSS to your site:

.normal-text,
.normal-text a {
    text-transform: normal !important;
}

[yitegele]

Hi David, how are you?

I’m sorry to say that the above CSS is not working.

Good news is, your word “that headline link is picking up the Text Transform of the navigation items” give me a hint.

I change the Text Transform of the navigation items to “Default”, and then input the uppercase letters in Navigation Label in Appearance -> Menu, which is very simple.

Then the problem is perfectly solved. Thank you so much!

Best, Yi

[David]

Nice 🙂 Glad to hear you got that working !!

[Author]

Posts