Docs

[mgma]

I am hoping to use your theme for a couple of projects… but need a solid way to create a 2 row menu. Sometimes joing the top menu can be styled to look like this, but then disappears on scroll with fixed menu.

Can you suggest how I can do something like the attached, with X?

Thanks!!

[Nico]

Hi There,

Thanks for writing in.

You can follow the thread below

https://community.theme.co/forums/topic/second-row-of-menu/

Hope it helps.

Thanks.

[mgma]

Thanks. Is there a way to make the top menu sticky, along with the bottom menu?

[mgma]

Thanks… but the code in the revised _nav-above-below.php cited in this post does not exist in the latest version. Can you please be specific with the .latest code how to do this?

Thanks!

[mgma]

This is the code in that file, and so I am confused…

if( function_exists( ‘ubermenu’ ) && $config_id = ubermenu_get_menu_instance_by_theme_location( ‘primary’ ) ):
ubermenu( $config_id, array( ‘theme_location’ => ‘primary’) );
else: ?>

<i class=”x-icon-bars” data-x-icon=””></i>
<span class=”visually-hidden”><?php _e( ‘Navigation’, ‘__x__’ ); ?></span>

<nav class=”x-nav-wrap desktop” role=”navigation”>
<?php x_output_primary_navigation(); ?>
</nav>

<div class=”x-nav-wrap mobile collapse”>
<?php x_output_primary_navigation(); ?>
</div>

<?php endif; ?>

[Paul R]

Hi,

You can add your menu in your topbar content instead.

Can you provide us your site url so we can see how your menu looks like.

Thanks

[mgma]

Thanks. It is currently…

http://bigidea.pro/cyberedge/

That’s what I did with the other template… but the two menu areas load a somewhat different times, sometimes a gap shows briefly between them, etc. I also need them to be sticky together… both… currently your top menu disappears on scroll.

I have a couple sites requesting this feature… a 2 row menu… but it seems there aren’t really solid solutions. Please help me figure this out, so I can do it the right way… I’d be glad to use X a couple more times if I can get this right.

Thanks!

[Joao]

Hi There,

Would you mind to provide a screenshot of what you are trying to achieve.

Will be easier to guide you if we can visualize it.

Your header does not disappear on Scroll on my end.

Let us know more details

Thanks

Joao

[mgma]

Sure… it’s in the first comment of this post. This is the look I’m trying to copy. But that one is usinfg the Top Bar… and like I outlined there are problems with it. And it doesn;t seem like I can even use your top bar… because it daoes stay fixed on scroll. Can this be changed?

So in your template it would look something like… the attached. All menu items can be the same style, with the search icon hanging off the end, vertically centered. But all one piece… all sticky/fixed on scroll, etc.

Can you help?

Thanks Joao!

[Rupok]

Hi there,

I can’t see the menus on topbar. Did you add yet? Are you referring this as your second menu? – http://prntscr.com/bvj9nx

Kindly do what’s already suggested. Add them within Topbar and we can provide some code to make the topbar sticky.

Cheers!

[mgma]

No I didn’t… this was just a PS screenshot.

ok, I will add and style the top bar to fit as best I can… and come back for additional guidance.

Thanks!!

[Rupok]

You are welcome! Let us know when you are ready.

Cheers!

[mgma]

ok, please take look…

http://bigidea.pro/cyberedge/

Looks nice? Can you help me bing it together now, and make it all sticky together?

Thanks again for your help guys!!

[Rupok]

Hi there,

Thanks for writing back! You can add this under Custom > CSS in the Customizer.

.x-topbar {
  height: 50px;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

.x-navbar {
  left: 0;
  position: fixed;
  right: 0;
  top: 50px;
}

.x-slider-container.below, .x-header-landmark {
  margin-top: 50px;
}

Hope this helps.

Cheers!

[mgma]

Works great! Thanks so much for your help in working this out Rupok! I appreciate it very much.

X!

[Author]

Posts