Docs

[unluckynelson]

Hi there,

Newbie here.. please help..
I want a logo aligned to the right and bottom of the Nav-Bar container (logo attached)
I use the Uber menu’s, and some code for my Navbar. There is a blue gradient block with transparency, and a black transparent block as well. The logo must be in front of the blue block, but behind the black transparency block.

Please refer to the attached picture of how my menu looks now, and how I want it to look.
I’ve also attached the logo for your reference.

Kind regards,

[unluckynelson]

This reply has been marked as private.

[Christopher]

Hi there,

Please set ‘logo and navigation layout’ to ‘stacked’ under Customize -> Header.

Copy _navbar.php from framework/views/global and put it in the same path inside child theme, replace existing code with following :

<?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 max width">
          <?php x_get_view( 'global', '_nav', 'primary' ); ?>
        </div>
      </div>
    </div>
  </div>
   <div class="x-logobar">
    <div class="x-logobar-inner">
      <div class="x-container max width">
        <?php x_get_view( 'global', '_brand' ); ?>
      </div>
    </div>
  </div>

<?php else : ?>

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

<?php endif; ?>

Hope it helps.

[unluckynelson]

Hey there, I found the navbar.php but cant find the child theme directory.
Please help.

[Christopher]

Hi there,

Because this requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Thanks.

[unluckynelson]

I have setup the child theme, but still don’t know where to copy in the code. I’m really a very beginner, so you’ll have to be a bit clearer on your instructions please.

[unluckynelson]

I don’t know where the child-theme directory is located. Sorry if I come across dull, but I’ve tried all morning. This is getting frustrating to say the least..

[Paul R]

Hi,

The child theme directory is in E:\websites\flashingcentre\www\wp-content\themes\x-child

You can copy the file _navbar.php from E:\websites\flashingcentre\www\wp-content\themes\x\framework\views\global\
to E:\websites\flashingcentre\www\wp-content\themes\x-child\framework\views\global\

Hope that helps.

[unluckynelson]

This reply has been marked as private.

[Joao]

Hi There,

Please provide your FTP credentials in a private reply.

Thanks

Joao

[unluckynelson]

This reply has been marked as private.

[unluckynelson]

This reply has been marked as private.

[Jade]

Hi there,

Please add the _navbar.php file suggested by Christopher in response #1264990 in wp-content/themes/x-child/framework/views/global.

Hope this helps.

[unluckynelson]

This reply has been marked as private.

[unluckynelson]

This reply has been marked as private.

[Author]

Posts