• Resolved mooie-dingen

    (@mooie-dingen)


    Is it possible to change the X button for Mobile (Secondary) menu into word: ‘Menu’?

    Now it looks like this:

    null

    I would like this if possible:

    null

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Sure, that actually is possible with the use of a CSS psuedo-element. Try this code out:

    #toggle-secondary-navigation:after {
      content: 'MENU';
      font-weight: 600;
    }
    #toggle-secondary-navigation i {
      display: none;
    }
    .secondary-toggle .toggle-secondary-navigation {
      transform: none;
    }

    The word ‘MENU’ above can be changed to any other text if you want to try something else out.

    Thread Starter mooie-dingen

    (@mooie-dingen)

    Ben, you are really great! thanx a lot!

    Thread Starter mooie-dingen

    (@mooie-dingen)

    is it also possible to make the Menu font Bold and also Montserrat?

    Thread Starter mooie-dingen

    (@mooie-dingen)

    and also to remove the //

    Theme Author Ben Sibley

    (@bensibley)

    The MENU text is actually bold already, but switching to Montserrat will give a bolder look since it’s a thicker font than Raleway.

    To switch the font, I would recomment either Easy Google Fonts or Tracks Pro. I recently published a tutorial you can follow for using EGF.

    Lastly, the slashes before the menu can be removed like this:

    .menu-secondary-items:before {
      display: none;
    }
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Change appearance Secondary Menu Toggle (on mobile)’ is closed to new replies.