Head content missing

Hi. I’m new in using this tool. and I’m having problems when adding contect in the Publish settings, in the head. The code that I include and I can test in the preview seems to not appear in the final web publishing… Any idea about what I’m doing wrong?

Thanks :slight_smile:

Can you upload the site and let us know what the code is that “should” be in the head? Also, be sure you’re adding that to the main settings and not just the page settings if you want it for the entire site. … Or visa versa if you want it just on a specific page(s).

Hi. the website is https://menorcaenautocaravana.com I’ve included a cookie advise that has to be loaded at the beginning… It works in my computer but when I upload the website it doesn’t work… and I don’t know where if failing…

This is the code in the “Head”:

jQuery Close Bootstrap Modal Window on Button Click .bs-example{ margin: 20px; }

And this one the modal:

Lo de las cookies
×

Esta web utiliza cookies de terceros. Pulse aceptar para continuar o "Leer más" para configurarlas

                 <a href="https://menorcaenautocaravana.com/politica-de-cookies.html"><li>Leer más</li></a>
            </div>
            <div class="modal-footer">
               
                <button type="button" class="btn btn-primary">Aceptar y seguir</button>
            </div>
        </div>
    </div>
</div>

Thanks I’ve been using bootstrap just a couple of weeks and this is still very new for me

Did you build this with Bootstrap Studio? If you did, you did things the hard way. I’m not good with Modal things so hopefully someone else is, but if you are looking for Bootstrap help you would need to go to Bootstraps website here: https://getbootstrap.com

You have added this in your head section
delete it all

<meta charset="utf-8">
<title>jQuery Close Bootstrap Modal Window on Button Click</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery-3.6.0.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script>
    $(document).ready(function(){
        // Open modal on page load
        $("#myModal").modal('show');
 
        // Close modal on button click
        $(".btn").click(function(){
            $("#myModal").modal('hide');
        });
    });
</script>
<style>
    .bs-example{
        margin: 20px;
    }
</style>

add this to a javascript file and it will work

$(document).ready(function(){
  // Open modal on page load
  $("#myModal").modal('show');

  // Close modal on button click
  $(".btn").click(() => $("#myModal").modal('hide'));
});
1 Like

Nice catch as always @kuligaposten .

As I said, I can’t tell if you @pedrocardona are using Bootstrap Studio or not so if you are then the a lot of the HEAD stuff is added via the settings of the project. Top Settings button will take you to that area and you’ll see all the things you can do through it.

If you have page specific things such as Titles, Meta Tags, and head content for that page you can right click the page in the Pages list and choose Properties and see those settings there.

Hope that helps :slight_smile:

Looking at your site in developer tools, you have 404 (missing files) on:

bootstrap.min.css
jquery-3.6.0.min.js
bootstrap.min.js

You have paths set to:
https://menorcaenautocaravana.com/js/jquery-3.6.0.min.js

this needs to be:
https://menorcaenautocaravana.com/assets/js/jquery-3.6.0.min.js

and the same with the other two files… add assets/

Although looking further, you have the required files loading in other parts of your html so @kuligaposten solution will rectify this by putting the js at the end of the html after jquery and bootstrap.js have loaded

Thanks to all for your help I’m using bootstrapstudio, but I’m really new in bootstrap and the last project I’ve designed was looong time ago :slight_smile: so there’s a lot to learn again :wink:

1 Like

Im learning so much just by reading @jo-r & @kuligaposten post yall are really good at explaining things also glad yall can take the time to help people :heart:

2 Likes