Hello! HELP! I've never designed a website before and I've encountered some difficulties when making a copy of my site to translate it!
For reference, my site is www.unsa-aepsi.ca (english) and www.unsa-aepsi.ca/fr (french)
Any help would be greatly appreciated!
PROBLEM :
On the french version of my site, the drop down menus under "À notre sujet" and "Ressources" isn't working. I'm assuming I probably messed something up in the coding!
Here is what I have for my french header :
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body class="header-page">
<div class="wrapper">
<div class="unite-header">
<div class="nav-wrap">
<div class="container">
<a class="hamburger" aria-label="Menu" href="#"><span></span></a>
<div class="logo">{logo}</div>
<style>
.unsa-aepsi {
position:absolute;right:50px;font-size:15px;font-family:'montserrat';
}
@Mediascreen and (max-width: 1024px) {
. unsa-aepsi {
display:none;
}
}
</style>
<div class=" unsa-aepsi "><span><a href="/">EN</a> | <a href="/fr.html">FR</a></span></div>
<div class="nav desktop-nav"><ul class="wsite-menu-default">
<li class="wsite-menu-item-wrap">
<a
href="/"
class="wsite-menu-item"
>
Acceuil
</a>
</li>
<li id="pg547007522622957676" class="wsite-menu-item-wrap">
<a
class="wsite-menu-item"
>
À notre sujet
</a>
<div class="wsite-menu-wrap" style="display:none">
<ul class="wsite-menu">
<li id="wsite-nav-476057651146558548"
class="wsite-menu-subitem-wrap "
>
<a
href="/notre-equipe.html"
class="wsite-menu-subitem"
>
<span class="wsite-menu-title">
Notre équipe
</span>
</a>
</li>
<li id="wsite-nav-674696094408403594"
class="wsite-menu-subitem-wrap "
>
<a
href="/constitution.html"
class="wsite-menu-subitem"
>
<span class="wsite-menu-title">
Constitution
</span>
</a>
</li>
<li id="wsite-nav-775007017279964902"
class="wsite-menu-subitem-wrap "
>
<a
href="/proces-verbaux.html"
class="wsite-menu-subitem"
>
<span class="wsite-menu-title">
Procès verbux
</span>
</a>
</li>
<li id="wsite-nav-350471802362657040"
class="wsite-menu-subitem-wrap "
>
<a
href="/nos-sponsors.html"
class="wsite-menu-subitem"
>
<span class="wsite-menu-title">
Nos sponsors
</span>
</a>
</li>
</ul>
</div>
</li>
<li id="pg986055894857141310" class="wsite-menu-item-wrap">
<a
href="/heures-de-bureau.html"
class="wsite-menu-item"
>
Heures de bureau
</a>
</li>
<li id="pg562833325139968590" class="wsite-menu-item-wrap">
<a
href="/evenements.html"
class="wsite-menu-item"
>
Évenements
</a>
</li>
<li id="pg592734204225437767" class="wsite-menu-item-wrap">
<a
class="wsite-menu-item"
>
Ressources
</a>
<div class="wsite-menu-wrap" style="display:none">
<ul class="wsite-menu">
<li id="wsite-nav-612436601615485778"
class="wsite-menu-subitem-wrap "
>
<a
href="/emplois-benevolat.html"
class="wsite-menu-subitem"
>
<span class="wsite-menu-title">
Emplois & Bénévolat
</span>
</a>
</li>
<li id="wsite-nav-402201150220419407"
class="wsite-menu-subitem-wrap "
>
<a
href="/nclex.html"
class="wsite-menu-subitem"
>
<span class="wsite-menu-title">
NCLEX
</span>
</a>
</li>
<li id="wsite-nav-623133302150354583"
class="wsite-menu-subitem-wrap "
>
<a
href="/ceremonies-depinglette.html"
class="wsite-menu-subitem"
>
<span class="wsite-menu-title">
Cérémonies d’épinglette
</span>
</a>
</li>
<li id="wsite-nav-257121967341969251"
class="wsite-menu-subitem-wrap "
>
<a
href="/prix.html"
class="wsite-menu-subitem"
>
<span class="wsite-menu-title">
Prix
</span>
</a>
</li>
</ul>
</div>
</li>
<li id="pg211397446101019928" class="wsite-menu-item-wrap">
<a
href="http://"
class="wsite-menu-item"
>
Magasin
</a>
</li>
</ul>
<div class="nav membership-cart">{membership}{minicart}</div>
</div>
</div>
</div>
<div class="banner-wrap">
{{#header}}
<div class="container">
<div class="banner">{content}</div>
</div>
{{/header}}
</div>
<div class="main-wrap">
{{#sections}}
<div class="container">{content}</div>
{{/sections}}
</div>
<div class="footer-wrap">
<div class="footer">{footer}</div>
</div>
</div>
<div class="nav mobile-nav">
<a class="hamburger" aria-label="Menu" href="#"><span></span></a>
{menu}
</div>
<script>
(function(d) {
var config = {
kitId: 'nxe1ajf',
scriptTimeout: 3000,
async: true
},
h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(...)
})(document);
</script>
<script type="text/javascript" src="/files/theme/plugins.js"></script>
<script type="text/javascript" src="/files/theme/custom.js"></script>
</body>
</html>
