Docs

[sander b]

hello,

<header>How can i place the logo under the navbar menu in Renew-Stack?</header>

[Paul R]

Hi Sander,

Here are the steps to achieve what you want.

1. Create a child theme

How to Setup Child Themes

2. Create the file _navbar.php in wp-content/themes/x-child-renew/framework/views/global/

3. Paste the code below in wp-content/themes/x-child-renew/framework/views/global/_navbar.php

<?php

// =============================================================================
// VIEWS/GLOBAL/_NAVBAR.PHP
// -----------------------------------------------------------------------------
// Outputs the navbar.
// =============================================================================

$navbar_position = x_get_navbar_positioning();
$logo_nav_layout = x_get_logo_navigation_layout();
$is_one_page_nav = x_is_one_page_navigation();

?>

<?php if ( ( $navbar_position == 'static-top' || $navbar_position == 'fixed-top' || $is_one_page_nav ) && $logo_nav_layout == 'stacked' ) : ?>

  <div class="x-navbar-wrap">
    <div class="<?php x_navbar_class(); ?>">
      <div class="x-navbar-inner">
        <div class="x-container-fluid max width">
          <?php x_get_view( 'global', '_nav', 'primary' ); ?>sdfsdfsfsdfsfsdf
        </div>
      </div> <!-- end .x-navbar-inner -->
    </div> <!-- end .x-navbar -->
  </div> <!-- end .x-navbar-wrap -->
  
  <div class="x-logobar">
    <div class="x-logobar-inner">
      <div class="x-container-fluid max width">
        <?php x_get_view( 'global', '_brand' ); ?>
      </div>
    </div> <!-- end .x-logobar-inner -->
  </div> <!-- end .x-logobar -->

<?php else : ?>

  <div class="x-navbar-wrap">
    <div class="<?php x_navbar_class(); ?>">
      <div class="x-navbar-inner">
        <div class="x-container-fluid max width">
          <?php x_get_view( 'global', '_brand' ); ?>
          <?php x_get_view( 'global', '_nav', 'primary' ); ?>
        </div>
      </div> <!-- end .x-navbar-inner -->
    </div> <!-- end .x-navbar -->
  </div> <!-- end .x-navbar-wrap -->

<?php endif; ?>

4. Select Layout stacked in header > Logo and Navigation in the customizer

http://screencast.com/t/c98nsRkQ

Thanks

[sander b]

excellent! thanx for the quick reply

[Kosher K]

No Problem.

Cheers

[sander b]

and if i want the menu left or right?

[Darshana]

Hi there,

You can use the following CSS code to align the menu. Place it under the Customizer, Custom > CSS section using the menu Appearance -> Customize .

#menu-main {
    float: left;
}

Just make it “float: right;” to align right.

Hope that helps.

[sander b]

it did not work.

in the end it worked when, in the renew-css, i used
.navbar{
float: left;
}

i could not find #menu-main

[sander b]

i can not get the underline from the navigation menu away 😛

http://belou.eu/clients/minibeachflag/wordpress/
underline in the menu

[Darshana]

Hi there,

You can add the following css code inside the Customizer, Custom > CSS section via Appearance -> Customize to hide those underlines.

.x-navbar .x-nav > li > a:hover, .x-navbar .x-nav > li.current-menu-item > a {
    box-shadow: 0 2px 0 0 #000000;
}

[Amanda P]

Hey guys!

I would like my logo to be under my navigation bar as well. I have tried this suggestion … creating the php file with said code and my settings are set to ‘stacked’, but the logo still remains stuck above the navigation.

I am using the Icon stack.

Looking forward to your reply.

[Amanda P]

Oops, I figured out the problem, I’ll post here in case someone makes the same mistake …. I accidentally named the new file global_navbar.php instead of just _navbar.php

Fixed and it works!!! Thank you.

[Prasant Rai]

Great I am glad you figured it out.

[Author]

Posts