giant orange chevrons? about bakerydemo

[Amondale]

Looks like I need to clear Firefox' cache between testing two different versions of bakerydemo. All fixed! My first and best clue was opening Firefox in a private window and seeing the expected chrome from Wagtail!

[Amondale]

@thibaudcolas:

Following code change got it looking somewhat normal [templates/tags/breadcrumbs.html]. I'd assume the problem was/is in includes/chevron-icon.html, which is just a container for an SVG containing a chevon? No idea why it renders so huge, but I know nothing about SVG rendering either.

      <li><a href="{% pageurl ancestor %}">{% if forloop.first %}Home{% else %}{{ ancestor }}{% endif %}</a>
        <!-- {% include "includes/chevron-icon.html" with class="breadcrumb__chevron-icon" %}-->
      </li>

[Amondale]

It is almost like wagtail is offering up a mobile view, in the non-working environ, with all pics scaled to full width rather than stacked 2-across (breads, locations). Is there any django tool for detecting browser capabilities? I've look through the Wagtail docs and not seeing anything referencing "mobile" views.

In Chrome, images are laid out in a more normal fashion, 2-across for locations. And, we're missing the gigantic orange chevrons on a grey background (I did dump the cache and turned off NoScript in Firefox)

However, all nav controls are "mobile-like" in chrome (3 horiz lines, a.k.a. "hamburger"). Also the fontawesome fonts are rendered correctly in Chrome, and there's no grey background as you'd expect in a mobile view.

Still researching, no longer feel the SVG is at fault, at least if Chrome renders the pages without the 2000-px grey background and orange chevrons as seen in Firefox.