Topic: Navbar Toggler not showing in production
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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Open
Specification of the issue
- User: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Ollie Vincent pro commented 7 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 7 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 devurl("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 7 years ago
I think so - don't you need a space before 'stroke=rgba' on your production environment? - like the dev urlBartłomiej Malanowski staff pro premium commented 7 years ago
Could you please show us the demo?