Menu2Panel - push menu next to grid

Hi. Excellent module...exactly what I was looking for and I'm hoping for an easy solution for my design.

I would like for the menu to push up against the main website grid, rather than pushing the background over. This is not a problem on a tablet or small screen. However, the issue is very evident with a large screen. (Not a problem with the module, just how I want to use it in my design.)

(I have also changed the mmenu.css to always show the panel menu (this is part of the desired design)

Hard to explain, so I hope this helps.....

You can preview the live work-in-progress here: 65.61.136.46/moda/reynoldstown/

I've attached a mock-up screenshot showing the desired effect when menu open and closed as an example.
You can also view the mockup here:
65.61.136.46/moda/reynoldstown/images/Me...nel_screenshot-1.jpg
10 years 6 months ago #1 by Ron Bruner

Please Log in or Create an account to join the conversation.

I wanted to include one more screenshot.

This is a live screenshot with notes showing the area that I'm trying to fix.

65.61.136.46/moda/reynoldstown/images/Me...-live-screenshot.jpg
10 years 6 months ago #2 by Ron Bruner

Please Log in or Create an account to join the conversation.

  • Posted by TemplatePlazza (5310) Offline
Hi brune, to change the menu width you can open the mmenu.css and change the 500px values from these codes
@media all and (min-width: 500px) {
	a#mmenu { display: none; }
	.mmenu.mmenu-vertical
	{
		width: 500px;
	}
	html.mmenu-right .mmenu.mmenu-vertical
	{
		left: auto;
		right: 0;
	}
 
	.mmenu.mmenu-horizontal
	{
		width: 1000px;
	}
	html.mmenu-right .mmenu.mmenu-horizontal
	{
		left: auto;
		right: -500px;
	}
 
	html.mmenu-left.mmenu-opening .mmenu-page,
	html.mmenu-left.mmenu-opening #mmenu-blocker
	{
		left: 500px;
	}
	html.mmenu-right.mmenu-opening .mmenu-page,
	html.mmenu-right.mmenu-opening #mmenu-blocker
	{
		right: 500px;
	}
}
but to make the menu not pushing the main page, it will need major javascript changes and I'm afraid I can't help with that.
10 years 6 months ago #3 by TemplatePlazza

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum