Responsive menu to stay on top

MikeT · Post by **MikeT** » 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>

</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

Post by **Pablo** » Mon Aug 17, 2020 10:34 am

You do not have to add custom code to keep the menu at the top.
Add a sticky layer or a (fixed) page header to the page and make the menu part of the layer.

There are several templates that demonstrate this functionality:
https://wysiwygwebbuilder.com/templates9.html

Also note that the Responsive Menu supports 'affix'
https://wysiwygwebbuilder.com/affix_and_scrollspy.html

MikeT · Post by **MikeT** » Mon Aug 17, 2020 3:44 pm

Thank you Pablo- as ever.

Maybe I'm not explaining myself properly. I am fine using the header to keep the menu at the top, but when the submenus are extended then they don't go on top of the page content.

However, I will keep on trying

Mike

Post by **Pablo** » Mon Aug 17, 2020 3:51 pm

If you use a page header, then you can set the stack level to 'in front of content' to make sure the menu is on top.

MikeT · Post by **MikeT** » Tue Aug 18, 2020 1:31 pm

That is the solution- ererything now fine thank you.

Much appreciated

Mike

www.wysiwygwebbuilder.com

Responsive menu to stay on top

Responsive menu to stay on top

Re: Responsive menu to stay on top

Re: Responsive menu to stay on top

Re: Responsive menu to stay on top

Re: Responsive menu to stay on top