Change Mobile Menu Text to Capitalized Case

This topic has 2 replies, 2 voices, and was last updated 3 hours, 1 minutes ago ago by Rose Tyler

  • Avatar: uttam pradhan
    uttam pradhan
    Participant
    March 12, 2025 at 14:27

    I have an issue with the mobile menu. Currently, all the menu items are displayed in uppercase letters, but I want them to appear in Capitalized Case (only the first letter of each word should be capitalized, and the rest should be lowercase).

    I have tried using the following CSS, but it did not work:
    .et_mobile_menu li a {
    text-transform: capitalize !important;
    }

    Could you please guide me on how to modify the menu text style correctly? If this requires any changes in the theme settings or additional customization, I’d appreciate your help.

    Files is visible for topic creator and
    support staff only.
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 12, 2025 at 15:15

    Hello,

    Thank you for reaching out to us.

    We would recommend you update the theme and plugins – https://www.8theme.com/documentation/xstore/theme-installation/theme-update/ https://www.8theme.com/documentation/xstore/plugins/plugins-update/

    To modify the mobile menu text style and display the items in Capitalized Case, please go to header builder via Elementor > edit template > settings of mobile menu – https://prnt.sc/nDYsquEh7eLS

    Best Regards,
    8Theme’s Team

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.