DMS 2 Mobile Nav Icon

5 posts in this topic

Okay, I am trying to find out where the icon file for the mobile nav is located. I didn't know if it was a web font or if it was a .svg located somewhere in the theme files.


Basically what I am trying to do is change the hamburger icon to the icon AND the word "menu." I was thinking the easiest thing to do was to just edit the icon, but if the icon is apart of the font file, then it becomes sticky.


Any help is appreciated!


Thanks- Jacob

Share this post

Link to post
Share on other sites

Hi Jacob,


Unfortunately, the hamburger icon is coming from a core file and isn't part of any of the navigation sections. Therefore, to replace the icon, you're will need to edit a core file, which is something we do not recommend nor support.


I will create a ticket on our tracker, asking if it is possible to include an option to change the icon to something else and/or use just text.

Share this post

Link to post
Share on other sites

Thanks, Danny.


If anyone else knows a way to get a similar type of nav with a customized icon, let me know.

Share this post

Link to post
Share on other sites

Is there an easy way to make the hamburger icon bigger? It's pretty tiny and some of my clients have a hard time hitting it (or even seeing it) on their mobile devices.  I also would love to have the option to add the word "Menu" beside the icon.

Share this post

Link to post
Share on other sites

lwarren1500 - If you want to increase the size of the hamburger icon, you will need to use custom CSS. Try this (off the top of my head, not tested):


.menu-toggle .icon-reorder {
  font-size: 24px; /* change the value to your liking */

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • BUG: "content" adds 1 more padding on mobiles
      By micstepl+
      "content section" adds 1 more padding on mobiles
      see attached image
    • Visibility on mobile - tags or code?
      By mikeeg8+
      Is there a quick way to show/hide things on mobile and desktops please, i.e. like a shortcode or similar?
      I've used a bit of code, but wondered if that was the mode elegant way - is there something built into a media box, for example that would give me a hide on desktop toggle?
      Thank you
    • Textbox contents against the side of the screen on smartphones
      By Kempston+
      Good day
      How do I indent textbox content so that it's not flush against the side of the screen on mobile devices?
      When I view Kempston Truck Hire East London on my phone, the text is aligned against the side of the screen and doesn't look right.
      Many thanks
    • Hero Section - Mobile View Issue
      By hibbsy78+
      Following the latest updates I now have an issue with the hero section on mobile. The content is extremely narrow. All looks ok on desktop....

    • Can I remove the play button that appears on canvas area background images on mobile?
      By crose+
      I am using the Canvas Area section at the top of my site. I have a video playing in the background, which works really well on desktop. But on mobile video doesn't play without user interaction, so I have a static image in place as an alternate image. However when viewed on a mobile device there is now a play button over the static image that does nothing. This didn't use to happen so I imaging it is due to an upgrade. But this is really bad UX. Is there a way to remove it?
      Here is the site:
      Thanks in advance.