Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Navbar Toggler not showing in production

DDiran pro asked 6 years ago


Hi there, I'm experiencing a slight issue with my Mdbootstrap navbar toggler icon for mobile screens.It works perfectly in my development environment, however the icon doesn't appear in production. The button itself still works, expanding the menu as expected, but the icon isn't showing at all. In my production environment I use gzip compression and have a tool that merges and minifies all CSS sheets into one. The static content is also hosted on Amazon S3. Any ideas what could be going wrong? How should I go about debugging this? Thanks

Ollie Vincent pro commented 6 years ago

Is it not just some css styling that your production environment is giving it such as the same colour as your navbar?

DDiran pro commented 6 years ago

Hi @Ollie. Hmm nope everything is virtually identical, except for the background-image property which seems to be slightly different. In my production environment: `url("data:image/svg+xml;charset=utf8,%3CsvgviewBox='003232'xmlns='http://www.w3.org/2000/svg'%3E%3Cpathstroke='rgba(255,255,255,0.9)` and in dev`url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)` As you can see my compressor seems to have removed some spacing. Do you think this is causing the issue?

Ollie Vincent pro commented 6 years ago

I think so - don't you need a space before 'stroke=rgba' on your production environment? - like the dev url

Bartłomiej Malanowski staff commented 6 years ago

Could you please show us the demo?


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags