Cabana | Performance-portable library for particle-based simulations

Can someone help me why this is happening?

I'm creating website for my university assignment, and I got this problem when I try to create fixed responsive navigation bar. the body content such as or will overlap the fixed navbar when I scroll down.

THIS IS THE EXAMPLE PICTURE OF HOW IT OVERLAPPED THE FIXED BAR

Here is my HTML code:

I'm filtering a list using a const queryModifier = {price: "lessThan", weight: "greaterThan"}

I've asked this before but simplifying the question. I have a JSON with geo-coordinates that I'd like to map in d3/leaflet:

Here's the structure, when console.logging the JSON allSFEvents:

I have a csv file lets say (citycode.csv) that contains 4 columns and more than 600 rows and it looks like this:

Example:

EDIT the question by adding more code to the beginning of the code Why is the navigation bar extended across the width of the mobile device? Sorry for the way I write, I have to make use of the translator. Hello, I have this form on a website with a price list. Well, when you see it on the mobile device, all the content is extended to the right, forcing you to scroll, expanding the screen, instead of looking at it, paragraph by paragraph down. I have two identical pages, the other works perfectly, because I do not have the "price styles" that I show in the code, so I think the problem will come from here and more specifically from the navigation bar, because in the device it is the which is seen to extend across. I do not know why on this page the navigation bar extends, in particular it extends to the width is the button of the links, being even of another color that on the other page. What can this error be caused? I do not know if I should show the other code, but I uploaded it to the server and I see the error without the other styles.

My Yii2 site worked perfectly on my local machine, however since I've uploaded it to the production server I'm getting some odd issues.

The problem is that, while I can add a record using the system, I can't delete or even view the record once it's created. The error is 403 "You are not allowed to perform this action."

I was using the below 'access' rules in my SiteController but I still have the issue even when this section is commented out.

I'm trying to wrap any dollar signs $ in a span so that I can style them accordingly, without having to go back through and editing each $ I find on the page. The code I've tried to use was for ampersands, and works perfect for ampersands, but I can't get it to work correctly with a dollar sign!

What am I doing wrong here? I've tried using just the $ symbol, and $, but neither are giving me the results needed. Instead it doesn't touch the $ that is wrapped in the

, but instead adds it right before the closing

JSFiddle: https://jsfiddle.net/tk8og3Ln/

HTML: