trixxd

Hi Peter,

I appreciate you getting back to me. Don’t worry, I understand you have a life outside of your plugin, so I’m not expecting you to devote all your time to this.

I added your code above to #pushWrapper and it does make a difference on the down animation. It is a shame it doesn’t carry through on the up animation as simply as that (esp being that it is still #pushWrapper that is being animated on the way back up).

For this particular project, I am probably going to settle for the overlay option for the time being.

But I would really appreciate it if you could let me know as soon as you have a solution for this issue, as I’d like to continue using your plugin for most of my future WordPress projects.

Thanks again!

Hi Peter,

I have played around with the code a bit more & might be on the right track to help fix this issue.

On clicking the menu button, your plugin injects the class .RMPushSlide & an inline style of margin: 250px; into the #pushWrapper <div> (note: the px value of the margin always matches the height value I set for #responsive-menu in my CSS)

By overruling that margin with the following code added to my CSS file, the header once again remains fixed above the menu when the menu button is clicked:

.RMPushSlide {
    margin-top: 0px !important;
    padding-top: 250px;
}

However, this causes the menu drop-down animation & the push down of the content in #pageWrapper to be greatly out of sync.

Please Peter, I really need some assistance on getting this working properly.

PS. I have tried syncing them by changing the animation speed in the plugin page settings, but the closest I can get is setting it to 0.1 seconds and that just looks absolutely ridiculous.

Ok, I will look into changing the file permissions and see if that solves it.

Would still be nice to know what’s causing it though…

Could WordPress be automatically updating itself in the root folder? Would that overwrite the index.php file?

Hi Peter,

Any update on what I might be doing wrong?

Maybe I’ve misinterpreted some of your instructions and that’s what is causing the header to be pushed down?

Thanks again in advance.

Hi Peter,

I have updated the plugin. Most of the issues above are fine now, but I am having an issue when using a fixed header. I’m not sure if it is the plugin or my code, but I didn’t notice this problem before the plugin update.

It’s only 1 issue, but I have put a couple of scenarios in bullet points to help you.

ISSUE: My fixed header gets pushed to the bottom of the drop-down menu

I want the header & menu fixed at the top of the page with the drop-down starting underneath the header.

• If I remove position:fixed from .site-header, the header correctly stays above the nav menu & the content correctly pushes down…..but then when scrolling down the page, the header isn’t fixed at the top of the page with the nav menu.
• If I remove the div container #pushWrapper, then the header stays in a fixed position…but obviously the content below doesn’t get pushed down.
• When div container #pushWrapper exists, the content gets pushed down correctly…but the header also gets pushed down and stays fixed at the bottom of the menu

Hopefully those points will help you out.

Please have a look at the site and see for yourself

Your help is greatly appreciated!

Tom

Thanks Peter, I am really looking forward to your response. Really hoping to get this fixed soon!

Hi Peter,

Thanks for the quick reply.

You are correct that the menu is currently fixed, I just wanted to ensure whatever solution you might find will keep that in tact.

As for your solution to number 1, it does what you say it would. It still has an issue where it pushes #pushWrapper too far down (& other issues I mentioned above). I’m assuming it has to do with styles applied to either #pushWrapper or .RMPushSlide….but I could be wrong.

But I won’t confuse you further, I will wait until you have had time to have a good look at it.

Thanks again for your help! I really appreciate it.

Also, in regards to my site, #pushWrapper being position: absolute; is causing layout issues to the content within #pushWrapper (it’s child containers are position: relative;).

Setting a width:100% for #pushWrapper seems to fix it. From your knowledge, would you say that is the best method to fix the layout issue across all devices?

P.S. I would like to second what newbie newbie has said about your plugin. It’s one of the best I’ve come across so far in terms of a simple responsive menu. One that I am likely to continue using in all my future WordPress projects should these issues be resolved. I think you’re on to a winner Peter. Good job!

I tried a few things that didn’t work.

So I ended up calling my host company and they fixed it pretty quick by increasing memory limits, etc.

So I would suggest you try the same.

I’m having this error too.

I found one post elsewhere that linked this to a server issue…and the host was able to fix it. Not sure if it is the same in all cases, but worth having a look.

https://catchthemes.com/support-forum/topic/fatal-error-maximum-execution-time/

I’m going to dig a little more for a solution (because I’m going overseas in 2 days & I can’t count on getting help from my host that quickly!)…but if I can’t find anything else that works, I will definitely get in touch with my host.

Let me know if you find anything else that works.