My bottom menu in the footer position has a greater than symbol (>) or chevron that appears before every menu item.

The menu appears at the footer of this website: https://www.brettvachon.com/

I would like to remove this symbol. I've tried navbar-collapse in the Menu Class Suffix as well as setting Start Level and End Level to 1 in the Menu Module options. This doesn't change anything though.

How do I remove the > symbol from the menu items?

footer image

  • 1
    Can you provide a link to the site where people can view the issue?
    – Irata
    Jun 15, 2019 at 11:46
  • I've gone ahead and added the link. Also the effect happens on the sidebar module of my about page as well: brettvachon.com/about
    – brettv
    Jun 16, 2019 at 14:44

1 Answer 1



line 108

.module-content ul li::before { 
font-family:glyphicons halflings 


  • 1
    I looked in the documentation to see if there was an override, but it contained no override information. If you update this template you may have to reference back to this question to remove it again. Unless someone knows this template and how this can be accomplished.
    – Mythic
    Jun 17, 2019 at 13:20
  • Surely you can do a custom CSS file? In which case you just need to be more specific e.g. body .module-content UL li::before then do content: none;
    – Eoin
    Jun 17, 2019 at 14:51
  • If you can't do a custom CSS file then you'll need to create a plugin to add a CSS file manually so you can still update the template without breaking it
    – Eoin
    Jun 17, 2019 at 14:53
  • I can use custom CSS in /scss/template/_custom.scss . But when I tried adding .module-content ul li::before { content: ""!important; } this didn't work. I ended up deleting the line in template.min.css
    – brettv
    Jun 17, 2019 at 16:44

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.