Jump to content

Archived

This topic is now archived and is closed to further replies.

jacobtippett

Mobile Nav Icon

Recommended Posts

jacobtippett

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
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
jacobtippett

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
lwarren1500

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
Danny

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 */
}

Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Dan Haddock
      By Dan Haddock
      DMS: Latest Version
      Running a Child Theme
      Wordpress: 4.8.3
      Plugins:
      Akismet Anti-Spam 
      Coming Soon Page & Maintenance Mode by SeedProd
      Contact Form 7
      Cookie Law Info
      DMS Professional Tools    
      Enhanced Media Library
      Flamingo
      Google Analytics for WordPress by MonsterInsights
      Google XML Sitemap    
      Jetpack by WordPress.com
      Legull
      Loginizer   
      MailChimp for WordPress
      PageLines Updater
      Really Simple SSL
      Schema App Structured Data
      Sucuri Security - Auditing, Malware Scanner and Hardening  
      Uber reCaptcha
      Yoast SEO
      Problem Below
      Hi Team,
      I am looking to style the Continue Reading Button with the PHP you provided in an earlier ticket here: 
       
      I put the PHP code into my site, however I do not get my Icon back, I just get back Read More >>
      I have attached a screenshot of the code in place on my site along with the output.
      Interested to know what I may be doing wrong? - I am very new to PHP so a bit apprehensive on this.
      The Images: https://drive.google.com/open?id=0B0i4JJXa2jdQN2xoakZNRUdmaU0
      Let me know if you need any more information from me.
       
    • Borries
      By Borries+
      I know this is not an easy problem. Maybe there is a easy solution.
      I have tryed to uses the existing solution, that I have found in the forum
      I changed the colours of my nav (simple nav) and the hover effect (a. hover).
      I really tryed to highlight the active/used link in the nav but I cant figure it out.
      I want it to be black when active.
      Any help would be appreciated. Thanks.
      http://www.marcborries.de  nav link: "Sinn & Selbst" 
    • dwpoyner
      By dwpoyner+
      Not sure exactly what is causing the issue. For some reason, why you view my site on mobile, the menu does not show up. It will pop up, but it is black. You can check it out here: http://dev.caryfbc.org. I'm also attaching a screenshot where I shrunk my browser down. Any suggestions?

    • jagipson
      By jagipson+
      Should be a simple answer but not sure why its not doing this.  I have a child theme installed on pagelines 5 that has a hook so it will write over the theme css. Strange is that when I am on the frontend the code works but in the dashboard your theme takes over my code and its no where to be found. See examples attachments
      @Andrew @Danny


    • kwaoru
      By kwaoru
      Hi,
       
      I have been using DMS and pagelines.
      I am facing to a huge trouble with the appearance of one of my page on mobile (smart phones) built with pagelines.
      However I haven’t come to any solutions to organise either edit the appearance of mobile view to look neat or deactivate the responsive function. 
      Now it looks totally messy on the phone...
       
      1. Is there any way to edit the appearance of the mobile version (responsive theme)?
      2. Is there any way to deactivate responsive function?
       
      If I could receive support from you to go thorough this process I would be happy to be a pro member. 
       
      Looking forward to hearing from you.
×