Change the “Select Page” text in Divi’s Mobile Menu

Last modified Sep 5, 2022
Difficulty Beginner
Language CSS

 

If you set your Divi Menu centered, you will see on your Mobile by default “Select Page” before your menu bar. To replace “Select Page”  with you custom text, use the code below, just replace the text you want to display!

If you are looking a way to hide text, check out this snippet: Remove “Select Page” Text from Mobile Menu

 

JavaScript

<script> 
  jQuery(document).ready(function() { 
    jQuery(".select_page").text("your text"); 
   }); 
</script>

 

Does this snippet (still) work?

Please let us know in the comments if everything worked as expected. We have tested this code with the Version: 4.4.8 of the Divi Theme.
If you think this code saved you time, we will be happy to receive a comment!

____

License: This snippet contains code from the Divi Theme, copyright https://elegantthemes.com, modified by Divi Space, June 19, 2020. Licensed under the GNU General Public License, no warranty; click here for details.

Your Comments

8 Comments

  1. Marko

    Still works! Thank you!

    Reply
  2. Donny

    Wonderful, easy solution!! Thx!!!

    Reply
  3. Purcival Fairweather

    where do I put this?

    Reply
  4. Erna Braat

    Thank you for the useful script! it is still working in Divi Version: 4.9.1

    Reply
  5. insanehaze

    Great code snippet, easy to use your own language in the mobile menu when its a centered menu.

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

Receive notifications about our new blog posts.

Next snippet Remove Bullet Points From Divi Footer
Previous snippet Remove "Select Page" Text from Divi's Mobile Menu