I have the same query as above, however when I paste this code on my site it doesn't work. I've changed the href to link to my url, but the button is still now showing. Updated code below. Is there any chance you can help me on this please?
This is my desktop view with the Book Online button.
Menu coding to force the "Book Now" button to appear on mobile menu header next to the logo
in Customize with code
Posted
Hi there,
I have the same query as above, however when I paste this code on my site it doesn't work. I've changed the href to link to my url, but the button is still now showing. Updated code below. Is there any chance you can help me on this please?
This is my desktop view with the Book Online button.
And mobile view
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('<a href="/bookonline" class="tp-button">Book Online</a>').insertBefore('.Mobile [data-nc-container="top-right"] button');
});
</script>
<style>
a.tp-button {
border: 2px solid #c6c5b3;
color: #c6c5b3;
padding-left: 10px;
padding-right: 10px;
}
</style>