How to Position Vertical Menu above Title?

[angelofgod]

Hello there,

i have a Vertical ubermenu button shown on the left side of the page, its a button with a “Star” icon on it.

i enabled it by adding this code in header.php

<?php ubermenu( '5776' , array( 'theme_location' => 'secondary-menu' ) ); ?>

It is suppose to be shown exacly under the nav menu like shown here: https://prnt.sc/j5rk4r

But in search it shown under the title: http://prntscr.com/j7rui9

What i am asking is, is it possible to position that menu (5776) above the pageg titles?

[rad]

Hi there,

Thanks for posting in.

Landmark is part of the header, hence, it still belongs to the upper header. But you can change its order by adding this code to your global custom javascript.

jQuery ('.search-results .x-header-landmark').insertAfter('.x-header-landmark + nav');

Hope this helps.

[angelofgod]

Hey rad i did what you told me, it still remains the same please feel free to enter the website with the credentials and test.
this is the search result link for testing
https://shofar-messiah.com/?s=חיפוש

[angelofgod]

Hello, 6 days passed and i havnt got respond yet, please help

[ruenel]

Hey There,

Please have your code updated and use this instead:

<div id="custom-fixed-menu">
<?php ubermenu( '5776' , array( 'theme_location' => 'secondary-menu' ) ); ?>
</div>

We can then use a custom css to make sure that this menu will stay in a fixed location.

Please let us know how it goes.

[angelofgod]

hey i have updated the code in the header, now what?
it does not put this above the title.

[ruenel]

Hello There,

Thanks for updating in!

You have placed the code in the wrong file. Please remove the code in the header.php file. The proper way of doing it should be with the following steps:
Once you have your child theme active and ready, please follow the following steps below:
1] Using Notepad or TextEdit or Sublime Text or any text editor, please create a new file in your local machine.
2] Insert the following code into that new file

<?php

// =============================================================================
// VIEWS/ETHOS/WP-HEADER.PHP
// -----------------------------------------------------------------------------
// Header output for Ethos.
// =============================================================================

?>

<?php x_get_view( 'global', '_header' ); ?>

  <?php x_get_view( 'global', '_slider-above' ); ?>

  <header class="<?php x_masthead_class(); ?>" role="banner">
    <?php x_get_view( 'ethos', '_post', 'carousel' ); ?>
    <?php x_get_view( 'global', '_topbar' ); ?>
    <?php x_get_view( 'global', '_navbar' ); ?>

    <div id="custom-fixed-menu">
       <?php ubermenu( '5776' , array( 'theme_location' => 'secondary-menu' ) ); ?>
    </div>

    <?php x_get_view( 'ethos', '_breadcrumbs' ); ?>
  </header>

  <?php x_get_view( 'global', '_slider-below' ); ?>
  <?php x_get_view( 'ethos', '_landmark-header' ); ?>

3] Save the file named as wp-header.php
4] Upload this file to your server in the child theme’s folder wp-content/themes/x-child/framework/legacy/cranium/headers/views/ethos/.

You will have to create the folder path since it does not exist in your child theme yet. This is the correct way of doing it and as you can see, the code added is right under the navbar. Once you have this in place, you can easily manipulate the position of the custom menu by adjusting the width and if it will be flush, floating or displayed as block or as a row.

Hope this make sense.

[angelofgod]

wow Amazing you solved me now 4 Threads at least!! Thanks you so much!! :)))

[ruenel]

You’re welcome.