Responsive menu to stay on top
Posted: Mon Aug 17, 2020 10:04 am
This is really a code problem not a WB15 problem but if anyone can help me please?
I have looked up all the forum topics about keeping the responsive menu on top and have spent hours using various permutations. But it doesn't transfer my HTML from between the <style>and <\style> markers, so presumably it is wrong. It does transfer the text Test and Test2 that I have used as a check
Herewith extract from Page HTML
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Master_1</title>
<meta name="generator" content="WYSIWYG Web Builder 15 - http://www.wysiwygwebbuilder.com">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="tomkinsonV2.css" rel="stylesheet">
<link href="master_1.css" rel="stylesheet">
<script src="jquery-1.12.4.min.js"></script>
<script src="wb.stickylayer.min.js"></script>
<script>
$(document).ready(function()
{
$("#Layer1").stickylayer({orientation: 1, position: [0, 0], delay: 500});
});
</script>
<style>
{
#wb_ResponsiveMenu1/
z-index: 9999;
}
</style>
<!-- a test no 2-->
</head>
<body>
<div id="space"><br></div>
<div id="container">
</div>
<div id="Layer1" >
<div id="Layer1_Container">
<div id="wb_ResponsiveMenu1">
etc. etc.
Website is tomkinsonsofliverpool.co.uk and as you can see, the menu goes behind the text. I have only just rearranged the site so many pages are not functional. In fact most are not, but until I sort the menu I'm not going on.
Thanks
Mike
I have looked up all the forum topics about keeping the responsive menu on top and have spent hours using various permutations. But it doesn't transfer my HTML from between the <style>and <\style> markers, so presumably it is wrong. It does transfer the text Test and Test2 that I have used as a check
Herewith extract from Page HTML
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Master_1</title>
<meta name="generator" content="WYSIWYG Web Builder 15 - http://www.wysiwygwebbuilder.com">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="tomkinsonV2.css" rel="stylesheet">
<link href="master_1.css" rel="stylesheet">
<script src="jquery-1.12.4.min.js"></script>
<script src="wb.stickylayer.min.js"></script>
<script>
$(document).ready(function()
{
$("#Layer1").stickylayer({orientation: 1, position: [0, 0], delay: 500});
});
</script>
<style>
{
#wb_ResponsiveMenu1/
z-index: 9999;
}
</style>
<!-- a test no 2-->
</head>
<body>
<div id="space"><br></div>
<div id="container">
</div>
<div id="Layer1" >
<div id="Layer1_Container">
<div id="wb_ResponsiveMenu1">
etc. etc.
Website is tomkinsonsofliverpool.co.uk and as you can see, the menu goes behind the text. I have only just rearranged the site so many pages are not functional. In fact most are not, but until I sort the menu I'm not going on.
Thanks
Mike