Remove UberMenu [Column] in Pro Headers

Support
#9

Hey,

I’ve already changed it to automatic, but it doesn’t change anything on the menu:

#10

Hi Frederik,

It looks like regardless of the setting, it will be displayed like that since it’s configured as mega menu and some features are inactive due to selected skin.

Looks like you’re have to use standard collapse menu on mobile, then Ubermenu on desktop. Could you try that?

I also tried checking the Ubermenu’s mega menu if I can disable it on mobile but not finding any, please check this https://sevenspark.com/docs/ubermenu-3/responsive. Please try starting with the default Ubermenu skin than none.

And are you currently working on your site, there is now two header bar and menu items increased.

Thanks!

#11

Hey Rad,

My bad, I shouldn’t have worked on the menu while you were looking into it, too.

I’ll try to work it out my self for now and see if I can find a solution.

Since we talked, my Product Archive pages have lost their Archive titles and subtitles. See for yourself here:

(It should be above the products on this page)

Do you know what this could be caused?

Cheers

#12

Hi Frederik,

Sure, please let us know about the menu.

And for the product archive, I’m not sure what was there. But with Integrity stack, the place where archive title and description is called landmark. And landmark isn’t available in Pro where custom header is active. And with that, you have to create your own landmark as Pro header bar with the help of headline element. Please check this https://theme.co/apex/forum/t/landmark-header-in-pro/16384/9

Thanks!

#13

Oh okay. So I can’t have archive titles and Pro Header at the same time? :slight_smile:

#14

Hi Frederik,

With available options, yes not possible. But still doable by adding a shortcode to the text element of your header bar. Example, please add this code to your child theme’s functions.php

add_shortcode('my_landmark', 'my_landmark');

function my_landmark ($atts) {
ob_start();

x_get_view( 'integrity', '_landmark-header' );

return ob_get_clean();
}

Then simply add [my_landmark] to your header bar’s text element.

Thanks!

#15

Hey Rad,

Awesome, I might use this solution later.

For now, I’ve decided not to go with Pro Header solution. I still can’t get the UberMenu to become responsive like I want.

To better illustrate what I want to achieve, here’s an example:

In the example menu below, how do I make A2, A2, A3 and B1, B2, B3 only visible when either A or B, respectively, is clicked?

[Top Link]

  • [A]
    – [A1]
    – [A2]
    – [A3]
  • [B]
    – [B1]
    – [B2]
    – [B3]

Best regards

#16

Hi Frederik,

I tried it as well and it’s not gonna work as standard sub-menu due to the column item. What you could do is having two set of menu and hide 1 set from mobile, then hide another from desktop. Example,

[Top Link]
[Ubermenu Row] << hide this from mobile
[Ubermenu Column]

  • [A] << set it as header item
    – [A1]
    – [A2]
    – [A3]
    [Ubermenu Column]
  • [B] << set it as header item
    – [B1]
    – [B2]
    – [B3]

[Ubermenu Row] << hide this from desktop (no columns)

  • [A] << set it as normal parent menu
    – [A1]
    – [A2]
    – [A3]
  • [B] << set it as normal parent menu
    – [B1]
    – [B2]
    – [B3]

Hope this helps.

#17

Hmm could work.

Is it possible to have these two menus in two seperate menus in Wordpress backend?

It’s really hard to duplicate my menu structure because it’s really big. On the other hand, I have a plugin to quickly duplicate the whole menu to a new one

#18

Hello Frederik,

Regretfully you cannot separate your a menu into two menus. If you do so, then you will need two menu toggles or need to display each menu separately.

If your two menus you mentioned has the same menu item contents but a different layout structure then you can separate them. You can then show/hide the menu for different screen sizes as suggested by Rad in his previous reply.

Hope this helps.

#19

Hey Rad,

Hope you’re doing good.

I’ve duplicated your suggestion now, but it still doesn’t look as intended on mobile. Right now, it looks like this:

As seen on the image, the parent category and children are both shown. I need the children to only show when the parent is clicked.

The settings look like this:

As seen on this image, the parents (i.e. “Stole”) are set as parent menu items since the item below (the children) are indented.

I’ve created a new menu “Shop Menu v3”. If you want to test out, you can do it on this new menu.

Cheers

#20

Hey Frederik,

The header currently in use in your site is the Classic Header and it’s not possible to have different menus in there like what Rad has suggested.

How about you setup a Pro header and use UberMenu for desktop and hide it in mobile and use a Navigation Collapsed element for mobile? This is to avoid having to setup 2 UberMenus. The Navigation Collapsed will work like what you describe out of the box.

Thanks.

#21

Hey Christian,

Good suggestion.

The only problem with this is, that I want my Landmark (Archive title and subtitle) to:

A) Actually display (it doesn’t when using PRO header)
B) ONLY display on Category pages

Cheers

#22

I see. How about using the Classic Header’s Mega Menu feature. See https://theme.co/apex/forum/t/features-megamenus/99

That way, you won’t need need UberMenu and it achieves similar effect to your current setup and it achieves what you want in mobile out of the box. No setting of options needed.

Thanks.

#23

Hey Christian,

Thanks for the answer! This could be a solution.

If I use Header Pro and add a Landmark shortcode as Rad suggests above, would it be possible to only show the Landmark on category pages? For example, I obviously don’t want it on my frontpage

#24

Hi There,

To show the landmark on the categroy pages only, please update the provided code of Rad to this:

add_shortcode('my_landmark', 'my_landmark');

function my_landmark ($atts) {
	if( is_archive() ){
		ob_start();

		x_get_view( 'integrity', '_landmark-header' );

		return ob_get_clean();
	}
}

For more information, please take a look at this:

https://developer.wordpress.org/reference/functions/is_category/

Hope it helps :slight_smile:

#25

Hey, I’ve tried this, but it doesn’t work.

#26

Update: I’ve bought ShiftNav (an extention to Ubermenu) to make a unique menu for mobile. It’s not ideal but until native X gets better features on this front, it’ll be my solution.

Still - Thanks a lot for the awesome help as always :grinning: Have a great day

#27

Hi again,

ShiftNav is a good option however you can also checkout Superfly menu https://theme.co/apex/forum/t/extension-superfly/73 and for demos please see http://superfly.looks-awesome.com/

Cheers!

#28

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.