Docs

[michaelgraynz]

Hi I know you do not involve yourselves in 3rd party solutions but I would like to know how I can accomplish some editing.

I have a plugin called Weglot, its a translater.
I want to position the flags it posts beside the header or beneath it. (see attached pic)
Much better if its below it or maybe below and to the right – then it will be ok when viewed on mobile.
This is the code they have given me to do this but I do not which file to put it in to achieve it. <div class=”weglot_here”></div>
I have tried in the child-x theme header.php but that did not work.
I know its a case of my understanding so some assistance would be very helpful.

Love the theme by the way.

Regards
Dereck Gray (aka Michael)

[Christopher]

Hi there,

Thanks for writing in!

Please copy the file _navbar.php file from framework/views/global and put it in the same path inside child theme. Open the file and put your <div> just after following block of code :

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

Hope it helps.

[michaelgraynz]

Thats a help but where do I find the ‘file’
ie where is framework/views/global ?

[Friech]

Hi There,

Login to your server via FTP and navigate to this directory: \wp-content\themes\x\framework\views\global\ copy the file _navbar.php there and paste it on the child theme’s: \wp-content\themes\x-child\framework\views\global\ directory.

Do your edits on that copied file.

Hope it helps, Cheers!

[michaelgraynz]

OK tried that but did not work.
Can you have a look and see if i got it right please?

[michaelgraynz]

there was no code like you iterated in that file

[Christopher]

Hi there,

I’m sorry, my mistake. I meant _nav-primary.php file. It’s located at the same path.

Hope it helps.

[michaelgraynz]

another issue – do I raise another ticket or

I noticed that parallax is not working on mobile view
Have I omitted to set something?

[michaelgraynz]

nope no change
can you please check me?

[Paul R]

Hi,

The javascript that responsible to parallax effect is disabled on mobile. And to enable it, you’ll have to edit the core files which we don’t recommend. It’s not a simple process and may overwrite by updates. We already tried that but not successful, it needs to recompile the core files to make it work. And that something we don’t cover as support.

Thanks!

[michaelgraynz]

thanks for that but what of the positioning issue?

[Christopher]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[michaelgraynz]

This reply has been marked as private.

[Paul R]

Hi,

Create file _navbar.php in wp-content/themes/x-child/framework/views/global
and copy the code below into that file

<?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-logobar">
    <div class="x-logobar-inner">
      <div class="x-container max width">
        <?php x_get_view( 'global', '_brand' ); ?>
      </div>
    </div>
  </div>
  <div class="weglot">
     ADD YOUR WEGLOT CODE HERE
  </div>
  <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>

<?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; ?>

Change ADD YOUR WEGLOT CODE HERE with your weglot translator code.

Hope that helps

[michaelgraynz]

thanks I am attempting to find out from Weglot the code to put there.

[Author]

Posts