Having issues with my navigation bar on mobile

Fix this error

bootstrap-icons.css:1 Failed to load resource: the server responded with a status of 404 ()

this will fix your problem

this file is missing

<link rel=’stylesheet’ id=’bootstrapicons-css’ href=’https://secureservercdn.net/198.71.190.156/ygm.ab7.myftpupload.com/wp-content/themes/themeassets/vendor/bootstrap-icons/bootstrap-icons.css?ver=1&time=1651378952&#8242; type=’text/css’ media=’all’ />

Hello thank you for your message, are you saying if i add the line ‘<link rel=’stylesheet’ id=’bootstrapicons-css’ to my CSS file, it will fix my issue?

yes, fix above issue this will fix your mobile menu issue

I’m getting an error when attempting to add that line to my CSS file.

To confirm,

I should add
<link rel=’stylesheet’ id=’bootstrapicons-css’ to the bootstrap-icon.css file?

example:

`@font-face {
font-family: “bootstrap-icons”;
src: url(“./fonts/bootstrap-icons.woff2?a74547b2f0863226942ff8ded57db345”) format(“woff2”),
url(“./fonts/bootstrap-icons.woff?a74547b2f0863226942ff8ded57db345”) format(“woff”);
}
<link rel=’stylesheet’ id=’bootstrapicons-css; type=’text/css’ media=’all’ />

I’m getting an error when I try to add this line in my file manager, saying that an at rule or selector was expected.

You can import this like this-:

@import url("https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css");

let me know if anything else I can help for you

thanks

after adding this it looks like this

https://www.awesomescreenshot.com/image/26536755?key=d347366455f63d1d828797495f407332

I see, thanks!

https://snipboard.io/oj2Uir.jpg

Here is how i have it, does this look correct?

you have to add this code in your style.css, alternately you can use its CDN in your header inside the head tag

to confirm, like this?

https://snipboard.io/A9v14Z.jpg

yes

Thank you very much, unfortunately i’m not able to see the change on my end, when you visit my website can you see it? the navigation bar

okay, just paste this code in your footer or inside your script

jQuery(document).ready(function() {
  jQuery('#bootstrapicons-css').attr('href', function(i, s) {
    return s.replace("https://secureservercdn.net/198.71.190.156/ygm.ab7.myftpupload.com/wp-content/themes/themeassets/vendor/bootstrap-icons/bootstrap-icons.css?ver=1&time=1651378952", "https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css");
  });
});

Should i put this inside my footer.php file?

Also I’m not able to visit any pages on my site anymore for some reason