1

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 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 – daloonik Jun 16 at 14:44
0

templates/masterbootstrap/css/template.min.css

line 108

.module-content ul li::before { 
content:"\e080";
font-family:glyphicons halflings 
}

Remove

content:"\e080";
  • 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 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 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 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 – daloonik Jun 17 at 16:44

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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