Why (SOLVED)

Joker7 · Post by **Joker7** » Mon Aug 10, 2026 1:08 pm

Solved:

<script src="js/jquery-3.7.1.min.js"></script>
<script src="js/wb.overlay.min.js"></script>

Hello,
It's been some time since I was last here.
I have run into a problem on my web site, when viewed on mobile devices the mobile menu is not working, is is only happening on the index page.
I'm sorry but I no longer have the template file so can only post the code.
Hopefully some one can understand what’s going on.

Kind regards
Chris
www.puy-robin.co.uk

Code: Select all

<!doctype html>
<html lang="en-gb">
<head>

<title>Puy Robin La Boissière-En-Gâtine</title>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
	<meta http-equiv="Cache-control" content="public">
    <meta name="keywords"
    content="Puy, Robin, PuyRobin, La Boissière-En-Gâtine, Poitou-Charentes, 79, Chambres d'Hôtes, Gatine Hills, b&b, Parthenay, biker, cyclist, bed and breakfast,  english, owned, accommodation ,gites, villas, cottages, farmhouses" />
    <meta name="description"
    content="This lovely French farmhouse in La Boissière-En-Gâtine Poitou-Charentes, France, has beautiful views over the valleys and hills of La Boissière-En-Gâtine. A warm welcome always awaits at Puy Robin." />
    <meta name="author" content="https://www.puy-robin.co.uk" />
<link rel="apple-touch-icon" sizes="180x180" href="images/fav/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images.fav/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/fav/favicon-16x16.png">
<link rel="manifest" href="images/fav/site.webmanifest">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wdth,wght@75..100,300..800&400&subset=latin&display=swap" rel="stylesheet">
<link href="css/puyrobin.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
<link href="cookiebubble/cookieBubble.min.css"rel="stylesheet" >

 
<script src="JS/jquery-3.7.1.min.js"></script>
<script src="js/wb.overlay.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="cookiebubble/cookieBubble.min.js"></script>


<script>
$(document
).ready(function()
{
   $('#headerMobileMenu-overlay').overlay({hideTransition:true});
   $('#headerMobileMenu').on('click', function(e)
   {
      $.overlay.toggle($('#headerMobileMenu-overlay'));
      return false;
   });
});
</script>



<script>
document.addEventListener('DOMContentLoaded', function(event)
{
   var welcomeCarousel = new bootstrap.Carousel('#welcomeCarousel', {interval: 6000, pause: false});
});
</script>

<script>

$.cookieBubble(
{
   cookieName: 'cookieBubble',
   cookieMaxAge: 30, 
   messageText: 'We may use cookies to personalize your experience.<br>By continuing to visit this website you agree to our use of cookies.', 
   messageTextColor: '#000000', 
   messageFontSize: '12px', 
   buttonText: 'Ok',
   buttonColor: '#112233',
   buttonFontSize: '14px',
   iconVisibility: true,
   iconColor: '#D2691E',
   cookiePolicyButtonText: '<i>Read Our Cookie Policy</i>',
   cookiePolicyButtonTextColor: '#000000',
   cookiePolicyButtonUrl: 'https://www.puy-robin.co.uk/puy-robin/terms/',
   cookiePolicyButtonTarget: '_blank',
   boxAppearDelay: '1000',
   boxPosition: 'top-left'
});
});
</script>




</head>
<body>
<div id="wb_headerGrid">
<div id="headerGrid">
<div class="row">
<div class="col-1">
</div>
<nav>
<div class="col-2">
<div id="wb_headerMenu" style="display:block;width:100%;z-index:0;">
<ul id="headerMenu" role="menubar" class="nav">
<li role="menuitem" class="nav-item firstmain"><a class="nav-link" href="./index.html" target="_self" name="Home">Home</a>
</li>
<li role="menuitem" class="nav-item"><a class="nav-link" href="./about.html" target="_self" name="About">About</a>
</li>
<li role="menuitem" class="nav-item"><a class="nav-link" href="./todo.html" target="_self" name="Things to do">Things&nbsp;to&nbsp;do</a>
</li>
<li role="menuitem" class="nav-item"><a class="nav-link" href="./garden.html" target="_self" name="The garden">The&nbsp;garden</a>
</li>
<li role="menuitem" class="nav-item"><a class="nav-link" href="./helpus.html" target="_self" name="Help us">Help&nbsp;Us</a>
</li>
<li role="menuitem" class="nav-item"><a class="nav-link" href="./contact.html" target="_self" name="Contact">Contacts</a>
</li>
<li role="menuitem" class="nav-item"><a class="nav-link" href="./weather.html" target="_self" name="The weather">The&nbsp;weather</a>
</li>
</ul>
</div>
</nav>
<div id="wb_headerMobileMenu" style="display:none;width:52px;height:28px;z-index:1;">
<a href="#" id="headerMobileMenu">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</a>

</div>
</div>
</div>
</div>
</div>
<div id="wb_logoGrid">
<div id="logoGrid">
<div class="row">
<div class="col-1">
<div id="wb_Logo_Puy_Robin" style="display:inline-block;width:177px;height:100px;opacity:0.80;z-index:2;">
<img src="images/logo.webp" id="Logo_Puy_Robin" alt="Logo Puy Robin" title="Logo Puy Robin" width="177" height="101">
</div>
</div>
</div>
</div>
</div>
<main>
<div id="wb_welcomeCarousel" style="">
<div id="welcomeCarousel" class="carousel slide" data-bs-ride="carousel">
<ol class="carousel-indicators">
<li data-bs-target="#welcomeCarousel" data-bs-slide-to="0" class="active"></li>
<li data-bs-target="#welcomeCarousel" data-bs-slide-to="1"></li>
<li data-bs-target="#welcomeCarousel" data-bs-slide-to="2"></li>
<li data-bs-target="#welcomeCarousel" data-bs-slide-to="3"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item frame-1 active">
<div class="carousel-item-inner">
<div id="wb_Heading1" style="display:block;width:100%;z-index:5;">
<h2 id="Heading1">Welcome <br>To Our Website.</h2>
</div>
</div>
</div>
<div class="carousel-item frame-2">
<div class="carousel-item-inner">
<div id="wb_Heading2" style="display:block;width:100%;z-index:6;">
<h2 id="Heading2">Welcome <br>To Our Website.</h2>
</div>
</div>
</div>
<div class="carousel-item frame-3">
<div class="carousel-item-inner">
<div id="wb_Heading3" style="display:block;width:100%;z-index:7;">
<h2 id="Heading3">Welcome <br>To Our Website.</h2>
</div>
</div>
</div>
<div class="carousel-item frame-4">
<div class="carousel-item-inner">
<div id="wb_Heading4" style="display:block;width:100%;z-index:8;">
<h2 id="Heading4">Welcome <br>To Our Website.</h2>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer>
<div id="wb_footerGrid">
<div id="footerGrid">
<div class="col-1">
<div id="wb_footerMenu" style="display:block;width:100%;z-index:9;">
<ul id="footerMenu" role="menubar" class="nav">
<li role="menuitem" class="nav-item firstmain"><a class="nav-link" href="about.html" target="_self" title="All about puy robin">About</a>
</li>
<li role="menuitem" class="nav-item"><a class="nav-link" href="todo.html" target="_self" title="Keep yourself entertand at puy robin">Things&nbsp;to&nbsp;do</a>
</li>
<li role="menuitem" class="nav-item"><a class="nav-link" href="garden.html" target="_self" title="The gardens at puy robin">The&nbsp;garden</a>
</li>
<li role="menuitem" class="nav-item"><a class="nav-link" href="helpus.html" target="_self" title="How you can help puy robin">Help&nbsp;Us</a>
</li>
<li role="menuitem" class="nav-item"><a class="nav-link" href="contact.html" target="_self" title="How to contact us">Contacts</a>
</li>
<li role="menuitem" class="nav-item"><a class="nav-link" href="weather.html" target="_self" title="The weather at puy robin">The&nbsp;weather</a>
</li>
</ul>

</div>
</div>
<div class="col-2">
<div id="wb_Puy_Robin_at_Volunteers_Base" style="display:inline-block;width:25px;height:28px;z-index:10;">
<a href="https://www.volunteersbase.com/user/profile/26922" target="_blank" title="Puy Robin at Volunteers Base"><img src="images/social_ic1.webp" id="Puy_Robin_at_Volunteers_Base" alt="Puy Robin at Volunteers Base" width="25" height="29"></a>
</div>
<div id="wb_Puy_Robin_at__Facebook" style="display:inline-block;width:28px;height:28px;z-index:11;">
<a href="https://www.facebook.com/puyrobinfarmhouse/" target="_blank" title="Puy Robin at  Facebook"><img src="images/social_ic2.webp" id="Puy_Robin_at__Facebook" alt="Puy Robin at  Facebook" width="28" height="28"></a>
</div>
<div id="wb_Puy_Robin_at_Trustroot" style="display:inline-block;width:28px;height:28px;z-index:12;">
<a href="https://www.trustroots.org/profile/puyrobin" target="_blank" title="Puy Robin at Trustroot"><img src="images/social_ic3.webp" id="Puy_Robin_at_Trustroot" alt="Puy Robin at Trustroot" width="28" height="29"></a>
</div>
<div id="wb_Image1" style="display:inline-block;width:32px;height:32px;z-index:13;">
<a href="https://linktr.ee/Puy_Robin" title="Puy Robin at Linktree"><img src="images/Linktree.webp" id="Image1" alt="Puy Robin at Linktree" width="32" height="32"></a>
</div>
<div id="wb_footerText2">
<br>
<p>Copyright © 2026. All rights reserved. Hosted By<a href="https://cp.yottasrc.com/aff.php?aff=13693" target="_blank" class="hosting" title="Web hoste">YottaSc</a></p>
</div>
</div>
</div>
</div>
<div id="headerMobileMenu-overlay">
<div class="headerMobileMenu">
<ul class="drilldown-menu" role="menu">
<li><a role="menuitem" href="./index.html" class="headerMobileMenu-effect">Home</a></li>
<li><a role="menuitem" href="./about.html" class="headerMobileMenu-effect">About</a></li>
<li><a role="menuitem" href="./todo.html" class="headerMobileMenu-effect">Things&nbsp;to&nbsp;do</a></li>
<li><a role="menuitem" href="./garden.html" class="headerMobileMenu-effect">The&nbsp;garden</a></li>
<li><a role="menuitem" href="./helpus.html" class="headerMobileMenu-effect">Help&nbsp;Us</a></li>
<li><a role="menuitem" href="./contact.html" class="headerMobileMenu-effect">Contacts</a></li>
<li><a role="menuitem" href="./weather.html" class="headerMobileMenu-effect">The&nbsp;weather</a></li>
</ul>
</div>
<a class="close-button" id="headerMobileMenu-close" href="#" role="button" aria-hidden="true"><span></span></a>
</div>
</footer>
<div class="gtranslate_wrapper"></div>
<script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"languages":["fr","en"],"wrapper_selector":".gtranslate_wrapper","flag_size":18,"horizontal_position":"left","vertical_position":"top"}</script>
<script src="https://cdn.gtranslate.net/widgets/latest/flags.js" defer></script> 
</body> 
    </html>

AliGW · Post by **AliGW** » Mon Aug 10, 2026 1:45 pm

Do you mean that you don't have the working WWB files? If so, why have you got rid of them?

The hamburger menu does not seem clickable. Maybe something in the WWB file was overlapping it. I have no idea how to fix it from the code - sorry.

BaconFries · Post by **BaconFries** » Mon Aug 10, 2026 1:54 pm

To be able to help we really do need the .wbs file so it is possible to see all the settings used in the project itself.
But in this instance it is clear just viewing the source of the index page that the location of the jquery is in the wrong folder.
Incorrect using uppercase
https://www.puy-robin.co.uk/JS/jquery-3.7.1.min.js
Correct
https://www.puy-robin.co.uk/js/jquery-3.7.1.min.js
About page file location in folder

Home page file location of jquery in.folder

AliGW · Post by **AliGW** » Mon Aug 10, 2026 1:58 pm

Do you not have backup .wbs files on the server?

Joker7 · Post by **Joker7** » Mon Aug 10, 2026 2:18 pm

No

I had a accident

AliGW · Post by **AliGW** » Mon Aug 10, 2026 2:22 pm

Joker7 wrote: Mon Aug 10, 2026 2:18 pm No I had a accident

Then you need to improve your regime! You ought to be keeping incremental copies of a website's working files, anyway - stuff happens!

BaconFries · Post by **BaconFries** » Mon Aug 10, 2026 2:25 pm

@Joker7 I have deleted your report on this as it was not necessary.

Post by **Pablo** » Mon Aug 10, 2026 5:06 pm

@Joker7
Can you please update your order number in your forum profile?
The provided information is invalid.

BaconFries · Post by **BaconFries** » Mon Aug 10, 2026 5:44 pm

Pablo please see the following:
https://forum.wysiwygwebbuilder.com/vie ... p?t=101504

Post by **Pablo** » Mon Aug 10, 2026 7:45 pm

@BaconFries
Thanks for reminding me!

www.wysiwygwebbuilder.com

Why (SOLVED)

Why (SOLVED)

Re: Why

Re: Why

Re: Why

Re: Why (SOLVED)

Re: Why (SOLVED)

Re: Why (SOLVED)

Re: Why (SOLVED)

Re: Why (SOLVED)

Re: Why (SOLVED)