1 reply [Last post]
prudentdad's picture
Last seen: 4 years 39 weeks ago
Timezone: GMT-4
Joined: 2016-09-20
Posts: 4
Points: 7

On my website at Dealmazing

The collapse bar for my top nav is working, but the icon with the three lines has somehow disappeared.

I'm using bootstrap and recently compressed some of my CSS so not sure if something happened in the process.

I've included an image to show what I mean---this is in mobile


gary.turner's picture
Last seen: 1 year 47 weeks ago
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

File not loading

.navbar.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3CsvgviewBox=\'003232\'xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpathstroke=\'rgba(255,255,255,0.9)\'stroke-width=\'2\'stroke-linecap=\'round\'stroke-miterlimit=\'10\'d=\'M48h24M416h24M424h24\'/%3E%3C/svg%3E");
  cursor: pointer;

Error message: Failed to load the given url.

This may or may not be the actual issue, but it will give you a place to start.

I didn't look further, as bootstrap is the height of stupidity and is aimed at the html/css ignorant developer. I mean ignorant as in the formal sense of not knowing the proper use of semantic html and the css's inheritance/cascade. Accessible and responsive websites are amazingly simple using just html and css properly, and devilishly problematic when using the additional and unnecessary layer of abstraction that bootstrap brings to the party.


If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.