Sela: Change name of navigation menu on phone version?

• 

  dorchesterhomestead · Member · Mar 13, 2015 at 2:12 pm

  • Copy link
  • Add topic to favorites

  I’m using the Sela theme, which is responsive, so “mobile theme” does not need to be enabled, and mobile-theme-specific edits don’t get applied.

  When I view the site on a phone, the navigation menu is called “Menu.” Is it possible to change this word to “Content” or “Navigation” using CSS? I have the Premium plan so have access. Looks like it is the “main-navigation” or “menu-toggle” class.

  The word “menu” is confusing because it is a restaurant’s website. Hoping I can make this small change. Thanks for any help you can provide!

  The blog I need help with is: (visible only to logged in users)

• 

  dorchesterhomestead · Member · Mar 13, 2015 at 2:28 pm

  • Copy link

  Okay, it’s definitely the menu-toggle class, because I was able to use the following to change the word “menu” to “navigation.” But this also hides the 3 horizontal bars icon that should appear to the left of the word. Any way to keep that icon, but replace just the text? Here’s what I used:

  .menu-toggle {
  visibility: hidden;
  position: relative;
  }

  .menu-toggle:after {
  visibility: visible;
  position: absolute;
  top: 10;
  left: 0;
  right: 0;
  content: “navigation”;
  }