is-online | Check if the internet connection | Networking library

I need to get a CSV file from firebase storage, then parse it so I can send data to the right documents in firestore. I had a working function, but I don't know why. This is the code that should parse the CSV data. Currently, I get undefined in the data constant, so I think the data from the csv gets converted to utf8 incorrectly. However, it used to run before.

I have made custom middleware to track user online status but it has an issue, I can see my own online status but I always see other users as offline while they are not.

Middleware

I have written a function that runs every x amount of time and changes a field in a document in cloud firestore if a specific condition applies. However, the function fails due to the function needing an index. I don't know what index I need.

This is the line that gives the error.

I have a fixed nav bar menu and on a mobile device it's automatically a hamburger menu courtesy of bootstrap 4.

There is one little issue I have. When I open the hamburger menu, it hoves over the content below, I don't want it to hover over the content, but instead push the content below down when the menu is open.

Remember this is a fixed navbar, so it's currently doing the default behaviour of hovering over the content below when open. I want the navbar to remain fixed, but I want it to open an close like.a sticky menu.

I have a hamburger menu situation in my bootstrap application. Let me provided some context and you will require a laptop and mobile to see this. Follow the steps below:

1: On your desktop computer, visit https://www.metis-online.com

2: Scroll up and down the page and you notice the navbar is fixed, which is what I want

3: Now in the navbar, select any link like 'Courses' or 'Services'. You notice that it will take you to that relevant section and you can see the title of that section and its body.

4: Now visit the website on your mobile.

5: open the hamburger menu and navigate to the same section. You should notice the problem that event though it takes you to the right section, you can't see the title of the section because it's covered by the menu. You will need to close the menu in order to see it.

What I would like for the mobile is that when navigating to the link, you can see the top of the section without needing to close the hamburger menu, just like you can see the top of the section when you navigate through the desktop.

What will need to be changed in order for this to work?

I have a quick question. On my website https://www.metis-online.com, if you scroll all the way down the page, you will see an email marketing search box.

What I would like is for that to always be displayed on screen fixed to the bottom so that no matter if the user is scrolling up or down. that marketing searchbar is always in view at the bottom.

Pretty much it's like my top nav bar but for the bottom of the screen. Issue is whilst it is simple to do a fixed-top for a nav bar as it's part of the <nav> element, the marketing search box is a bit more tricky as it's a not a `.

Below is the code for this, how can I set it?

I have a website (https://www.metis-online.com) with a call to action and nav bar links along the top of the website. If you click on any of the links, you notice it jumps to the page instead of smooth scrolling to the page. Not sure why it's not smooth scrolling to the relevant anchor link.

My anchor links always have a #. So example it's like: https://www.metis-online.com/#courses https://www.metis-online.com/#services etc

head.php:

I am encountering an issue where a background image is displayed on my website on the laptop (chrome and safari) but when I use the same browsers on mobile, the background image does not appear and I am not sure why?

Below is my css:

I have a little interesting problem on my website.

I will provide you the URL to the website and then if you follow the directions below, you can see my issue.

https://www.metis-online.com

Instructions:

1. Load the website
2. On the navbar menu, select any link and you can see it performs a smooth scroll. Can select on any links in that navbar menu and it works as expected where it scrolls to the relevant section on the page.
3. We are now going to access an external link so perform the following: Select 'Courses' from the nav bar menu and then select 'Order our online course and exam bundle'. You should be taken to the relevant page which is an external page.
4. Now on that page, select any of the navbar links and you can see nothing happens and the console displays an error stating it can't find #top.

That's the issue I am facing. I want to get a smooth scroll to work but in doing so it has broken the navbar links on external pages from the homepage.

I want the navbar links to work so that if the user is on any external page and selects any of the navbar links, it will take the user to the correct anchor of the website on the home page.

Below is the code that performs the smooth scrolling:

head.php: