nicholas6868 on "Max Mega Menu moves up and gets hidden when adding browser compatability."

Hi,

I had everything displaying in Safari perfectly, but in Chrome there where square boxes to the left of the menu items and a blank space above the menu. I found a browser compatibility snippet of code in support which solved this issue, and now it looks good in chrome, but in safari it has pushed the menu up and hidden it a bit.

Here's my URL for viewing.

http://www.lifecycleonline.net.au

Any ideas what's happening?

https://wordpress.org/plugins/megamenu/

Hi Nicolas,

I'm not sure if it's custom CSS or theme CSS, but you have this:

.full-primary-nav-wrap { background-color: #1d1d1d; padding-top: 10px; margin-top: -35px;
}

Did you add that? I suspect the margin-top and the padding-top are the source of the problem.

Regards,
Tom

After you posted that I thought that must have been it as well, I added that section of code, was my original but of code to set positioning before adding the browser comparability snippet of code.

However after removing this, trying to change values to 0 and even giving positive margin top nothing is changing the layout from how it is. Stumped to what it could be. Any further ideas?

Cheers.

Hi tom, looks like that was the issue after all, had to clear my w3 cache for it to take effect, otherwise there was a delay in the web server for the changes to come through. Thank you.