Docs

[alex5252]

http://marckdesignconcepts.com/fawnridge/lake-carroll/buyers/

The green bar on our menu clips the bottom of the “apple canyon” and “galena” tabs, when viewed with edge and Internet Explorer.

Do you have any ideas how to fix this with css?

I tried fixing it with js to no avail.
I tried detecting which browser was being used to display by measuring an element that’s being displayed at 72px on edge and IE but 60 on chrome opera and firefox.

I’ve tried JS and JQuery (using css(), hieght(), outerHeight(), innerHeight(), offsetHeight() and i’ve tried making extra certain the element was loaded by adding delay(), using window.load and even using setInterval and a for loop with a delay to allow the page to load). I’ve tried to measure heights and widths in JS and JQuery for months and nothing works. Is there something I’m missing or is it just not possible?

[alex5252]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in! To resolve this issue, please remove first the ubermenu shortcode from your topbar content in your customizer, Appearance > Customize > Header > Miscellaneous. And then 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/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 max width">
      <?php if ( x_get_option( 'x_topbar_content' ) != '' ) : ?>
      <p class="p-info"><?php echo x_get_option( 'x_topbar_content' ); ?></p>
      <?php endif; ?>

      <?php x_social_global(); ?>
      
      <div class="my-custom-shortcode"><?php echo do_shortcode('[ubermenu config_id="main" menu="3"]'); ?></div>

    </div>
  </div>

<?php endif; ?>

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

Please let us know if this works out for you. Thank you.

[Author]

Posts