How to make menu overlap content, not push it down

Hi there,

I dont see my plugin installed on that site you provided so cant really advise Im afraid – I only see something call wpr_menu whatever that is?

All the best

I appreciate the response. My apologies, I confused the two plugins. I’m going to download your plugin and see if I like it better because the WP Responsive plugin didn’t look as good as I had hoped. I’ll post a new question in the appropriate feed I need to. Thank you.

Hi colt,

Not a problem and thanks for letting me know!

All the best

Hi,
I have a similar issue.
I have placed the “<?php echo do_shortcode(‘[responsive_menu]’); ?>
</header> <!– #main-header –>” just before the closing header tag in my theme header.php file.
As my fixed header is of variable height, I have the following css style to place the responsive menu button and responsive menu container.

@media screen and (max-width: 766px) {
#responsive-menu {position: relative;
top: 0;}

button#responsive-menu-button {width: 100%;
position: relative;
top: 0;
left:0;
height: 45px;
background-color: rgba(0, 0, 0, 0.32);}

button#responsive-menu-button .responsive-menu-label {
margin:0 10px 0 10px !important;}

button#responsive-menu-button .responsive-menu-box {
margin:0 10px 0 10px !important;}

#responsive-menu-container {position: relative !important;}
}

However, when I load my page, I see a blank area (the same color as my header) below the responsive menu button. My original main content has been pushed below this blank space. The responsive menu does work. When I click on the hamburger icon, it slides my designated menu exactly into the blank area below the button. And when I click the hamburger icon to close the menu, it slides the menu away to the right, but leaves an unwanted horizontal scroll bar below as well as the blank area below the menu button. What seems to be happening is that my header height gets expanded to accomodate the responsive menu (fair enough), but when the menu is closed, it leaves this blank area behind.

I was hoping that the menu when clicked, will slide over the existing main content, and on close will slide away, revealing the main content underneath it or expand the header only when the menu is in opened state and in closed state will display my existing content as normal.

What am I doing wrong? I can provide a url for my website if needed. Would appreciate if you could tell me where to post my username and password.

Thank you for your help.

Hey there,

Please provide a URL as unfortunately its impossible to know from the above. I dont need a username and password unless you have one stopping the public from viewing it?

If that is the case then you can email it to me at support [at] responsive [dot] menu.

All the best