Firstly, I'm very impressed so far with this template and the ZG4 framework.

Using the quickstart package, I have extended the menu bar to full width using the following css that was suggested earlier:

#navwrap .zen-container {max-width:100%;width:100%;}
#navwrap .zen-row {margin:0;}

This gives the correct effect with the menu bar, but seems to upset the zen megamenu. I've gone through the css but can't see what is causing this. Please can you help?

I have subsequently found that the problem occurs when you remove the top menu - the one pointing to "one page".

Many thanks
Malcolm

Have a link for the site?

Thanks
Paul

Sorry Paul - it's on a local server at the moment - try adding the code and unpublishing the top menu on your system. That seems to affect the mega-menu
Malcolm

Hi Pau

I have put the site onto a live server:

www.malcolmsilver.com/xero

All I have done to the basic quickstart (v 1.05) site is to add the code to extend the main menu and unpublished the top menu.

You will see that the megamenu isn't working properly.

Regards
Malcolm

Hi Malcolm,

If you change the animation effect does that make any difference?

Cheers
Paul

Hi Paul
No - This makes no difference.
Regards
Malcolm

Hi Malcom,

Best thing to do is to add a bg color to the navwrap div rather than make the edit described in the other post.

That edit was to make the content stretch full width whereas it looks like you might just want to have the colour full width - is that right?

The issue is because we use an offscreen class when the menu looks like it might be offscreen and the fullwidth elements will go offscreen if the menu bar is full width. The menu is then position left:-100% so it's not visible in your case.

Let us know if that achieves what you need.

Anthony

Hi Anthony,

To answer your question: Yes, I would like the color of the menu bar to stretch the full width of the screen.

I've tried putting a bg color in the navwrap div but to no effect. Couls you help me with the CSS code to do this. I must be doing something wrong!

As an aside, why does the megamenu work (albeit full width) when the top menu is published and then not work when top menu is un-published?

Many thanks for your assistance and I really like ZG framework 4.

Regards
Malcolm

Sorry - it should be:

#navwrap {
background: #000;
float: left;
width: 100%;
}

Thanks!

Thanks Anthony
That seems to do it.
Malcolm

Cool thanks for the update

Cheers
Paul