Welcome, Guest
Username: Password: Remember me

TOPIC: Replace Yootheme Menu with Maximenu CK

Replace Yootheme Menu with Maximenu CK 13 Aug 2014 22:50 #21582

before i use this code
<body class="<?php echo $this['config']->get('body_classes'); ?>">

	<?php if ($this['widgets']->count('logo + menu + search')) : ?>

	<div class="tm-block-top">
		<div class="uk-container uk-container-center">

			<?php if ($this['widgets']->count('logo')) : ?>
			<a class="tm-logo uk-visible-large" href="<?php echo $this['config']->get('site_url'); ?>"><?php echo $this['widgets']->render('logo'); ?></a>
			<?php endif; ?>

			<?php if ($this['widgets']->count('menu + megamenu + search')) : ?>

			<nav class="tm-navbar uk-navbar uk-navbar-attached">
				
				<?php if ($this['widgets']->count('megamenu')) : ?>
    <section class="<?php echo $grid_classes['megamenu']; ?>" data-uk-grid-match="{target:'> div > .uk-panel'}"
    data-uk-grid-margin><?php echo $this['widgets']->render('megamenu', array('layout'=>
    $this['config']->get('grid.megamenu.layout'))); ?></section>
<?php endif; ?>
				
				<?php if ($this['widgets']->count('menu')) : ?>
				<?php echo $this['widgets']->render('menu'); ?>
				<?php endif; ?>

				<?php if ($this['widgets']->count('offcanvas')) : ?>
				<a href="#offcanvas" class="uk-navbar-toggle uk-hidden-large" data-uk-offcanvas></a>
				<?php endif; ?>

				<?php if ($this['widgets']->count('search')) : ?>
				<div class="uk-navbar-flip">
					<div class="uk-navbar-content uk-visible-large"><?php echo $this['widgets']->render('search'); ?></div>
				</div>
				<?php endif; ?>
				
				<?php if ($this['widgets']->count('usertop')) : ?>
				<div class="tm-usertop uk-navbar-flip"><?php echo $this['widgets']->render('usertop'); ?></a></div>
				<?php endif; ?>

				<?php if ($this['widgets']->count('logo-small')) : ?>
				<div class="uk-navbar-content uk-navbar-center uk-hidden-large"><a class="tm-logo-small" href="<?php echo $this['config']->get('site_url'); ?>"><?php echo $this['widgets']->render('logo-small'); ?></a></div>
				<?php endif; ?>

			</nav>
		<?php endif; ?>

		</div>
	</div>

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

Replace Yootheme Menu with Maximenu CK 03 Oct 2014 12:22 #22667

Not sure if you got this to work or not, the easiest way to replace the YooTheme Menu is to replace the position "Menu" in the templateDetails.xml file with "MaxiMenu", then do a search and replace in the theme.php file for Menu and replace with MaxiMenu.

Place the Main Menu module in the Position MaxiMenu and voila.

This prevents Yootheme from applying any Menu class CSS to MaxiMenu, but MaxiMenu will behave like the standard Yootheme Menu for breakpoints, and Mobile views.

Cheers.

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

Last Edit: by nsheehan123.

Replace Yootheme Menu with Maximenu CK 04 Oct 2014 19:13 #22692

Hi Nsheehan123,

Would you mind posting an example of your change you used and placed in the custom.ccs, that hides the MaxiMenuCK at a specific breakpoint?

It would really be big help.

Best regards,

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

Last Edit: by brianelkins.

Replace Yootheme Menu with Maximenu CK 04 Oct 2014 20:31 #22693

I didn't need to add to the custom.css, for the menu. :)
The module position's class determines if it is shown based on device or breakpoint, this doesn't change.

Take a look at www.rppeo.ca

Cheers

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

Last Edit: by nsheehan123. Reason: Clarity

Replace Yootheme Menu with Maximenu CK 04 Oct 2014 22:48 #22694

Interesting...that doesn't seem to be the case with my setup. The menu stays on ALL responsive sizes/breakpoints.

Specs are:
Joomla = 3.3.6
WARP = 7.3.0
YooTheme = EAT 1.0.3

Recapping the steps:
1) Modified templateDetails.xml, and added:
<position settings="">maximenu</position>
2) Modified layouts/theme.php, and added:
count('menu + maximenu + search')
...and
<?php if ($this['widgets']->count('maximenu')) : ?>
	<?php echo $this['widgets']->render('maximenu'); ?>
<?php endif; ?>
3) Refresh browser and menu displays no problem. But, stays on all breakpoints.

What do your specs look like, or is there something else I'm missing?

Best regards,

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

Replace Yootheme Menu with Maximenu CK 04 Oct 2014 23:33 #22695

It may be a little different with Eat. I'm using it too, but not with MaxiMenu. I can see what happens.

Did you try removing Menu?
count('menu + maximenu + search')

count('maximenu + search')

Do a search - Replace for all menu to maximenu.

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

Replace Yootheme Menu with Maximenu CK 05 Oct 2014 01:24 #22697

Yes, I've tried all combinations with/without "menu +". The theme.php file is pretty short/easy to find all 'menu' items, so check the box there.

If you can replicate, then the issue must be some other css/module settings.

Let me know what you find.

Thanks,

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

Replace Yootheme Menu with Maximenu CK 06 Oct 2014 13:07 #22729

I did test today and realized that the reason this is working for me on the Mobile devices is because I also have the Maximenu_Mobile Module installed. You may be able to get the MaxiMenu to hide with some tweaking, and have the Off Canvas menu take over from there, but I gave up and spent the $15 for the Mobile Module.

Niall

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

Replace Yootheme Menu with Maximenu CK 06 Oct 2014 14:45 #22734

Thanks for checking and for clarifying.

I do have the Mobile Module, but turned it off, because the YooTheme Offcanvas menu looks and functions better.

But, it is interesting that once Mobile Mod is enabled, the main menu does behave correctly at the breakpoints.

Back to my original point, it sounds like I need to modify code/breakpoints in YooTheme, thats why I asked you if you had an example. But, it might be worth looking at the Mobile Mod code as well.

Thanks again...
The following user(s) said Thank You: nsheehan123

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

Replace Yootheme Menu with Maximenu CK 12 Oct 2014 21:27 #22844

If you're working with a newer YooTheme Template (2014), and your Maximenu spans across your mobile breakpoints, sitting on top of your Off-Canvas Menu...you don't need to adjust code.

Go to Template Manager / Your YooTheme Template / Modules ...and adjust the Display Settings. You can disable the Phone Display, which will hide Maximenu automatically at the preset breakpoints. Screenshot attached.

I often overlook these built-in theme settings...



Hope it helps...
Attachments:
The following user(s) said Thank You: ced1870, nsheehan123

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

Last Edit: by brianelkins.
Time to create page: 0.276 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 517 guests and no members online