Docs

[eimkeith]

Hi there again,

I’m closing in on the finalized look/feel of my website http://www.zuffenhaus.jkeithwalters.com but I’d like to put my primary menu [ +EUROWERKS +PRODUCTS .CONTACT ] above the logo [ ZUFFENHAUS ] so that the drop down menu does not interfere so much with body content (and allows me to build some no-scroll pages)

Is this possible?

TIA!

[Rad]

Hi there,

Thanks for posting in.

First, let’s fix this error. Please remove this code from Admin > Appearance > Customizer > Custom > Javascript

<?php

// =============================================================================
// VIEWS/GLOBAL/_TOPBAR.PHP
// -----------------------------------------------------------------------------
// Includes topbar output.
// =============================================================================

?>

<?php if ( x_get_option( 'x_topbar_display', '' ) == '1' ) : ?>

  <div class="x-topbar">
    <div class="x-topbar-inner x-container-fluid max width">

It’s a PHP/HTML coding, not a javascript code.

Then please add this new javascript code to your customizer.

jQuery('.x-logobar').insertAfter('.x-navbar-wrap');

Hope this helps.

[eimkeith]

That did, thank you! Is there a way to restrict that orientation to non-mobile viewing, and retain the previous for mobile devices?

[Rad]

Hi there,

Sure, please change it into this,

jQuery( function($) {

function reposition_logo () {

if ( $(window).width() >= 980 ) {

$('.x-logobar').insertAfter('.x-navbar-wrap');

} else {

$('.x-logobar').insertAfter('.x-topbar');

}

}

reposition_logo();

$(window).resize(reposition_logo);

} );

Cheers!

[Author]

Posts