Remove “Select Page” Text from Mobile Menu

Last modified Dec 4, 2020
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. Use this CSS snippet to hide it.

 

CSS

#et_mobile_nav_menu span.select_page {
    display:none;
}

 

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.0.5 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, November 7, 2019. Licensed under the GNU General Public License, no warranty; click here for details.

Your Comments

5 Comments

  1. Morad Bensaoud

    Hi, thanks for the snippet.
    -> Probably an oversight, but this should be marked as CSS, not Javascript.

    Reply
  2. Jacob

    The phrase “SELECT PAGE” is removed; however, the grey background that was behind that phrase is still visible and unsightly.
    Any way to remove this too?

    Reply
    • Anna Kurowska

      Try adding this CSS:

      @media (max-width: 980px) {
          .et_header_style_centered #main-header .mobile_nav {
              background-color: transparent!important;
      }
      } 
  3. carla

    Muchas gracias!!!

    Reply

Submit a Comment

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

Receive notifications about our new blog posts.