Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1155367
    Missy S
    Participant

    Hello,

    All of a sudden I can not get my submenu to drop on my nav bar.

    I ve deactivated all plugins – didnt work.
    I activated cornerstone – still didnt work.

    I cleared my cache and logged back in – still didnt work.

    Ive removed all of my codes from CSS – didnt work.

    Ive added this code to css –

    .x-navbar .menu-item:hover .sub-menu{
    display:block !important;
    }

    It didnt work

    so I replaced that code with this code –

    li.menu-item-has-children:hover > ul {
    display: block;
    }

    I’m at a complete loss. Please help.

    #1155373
    Missy S
    Participant
    This reply has been marked as private.
    #1155491
    Rupok
    Member

    Hi there,

    Sorry to hear that you are having solution. I think it’s causing by your Child theme. Kindly switch to X from your Child Theme and check the issue again. If you see it’s working, you will know it’s related with your Child Theme’s code so that you can check that.

    Cheers!

    #1155841
    Missy S
    Participant

    Thank you so much! My menu is working perfectly now so it is my child theme. Should I delete it and upload it again?

    #1156175
    Lely
    Moderator

    Hi Missy,

    Try to upload each file one at a time to see which one was causing the issue. No need to remove entire child theme folder just the one file that causing it. Then when you identify which one, check the content of that file and see which specific code cause the issue.

    Hope this helps.

    #1156387
    Missy S
    Participant

    This code seems to be causing the problem. Any ideas?

    <?php
    
    // =============================================================================
    // VIEWS/ETHOS/WP-HEADER.PHP
    // -----------------------------------------------------------------------------
    // Header output for Ethos.
    // =============================================================================
    
    ?>
    
    <?php x_get_view( 'global', '_header' ); ?>
    
      <?php x_get_view( 'global', '_slider-above' ); ?>
    
      <header class="<?php x_masthead_class(); ?>" role="banner">
        
           <?php x_get_view( 'global', '_navbar' ); ?>
           <?php x_get_view( 'global', '_topbar' ); ?>
        <?php x_get_view( 'ethos', '_breadcrumbs' ); ?>
        <?php x_get_view( 'ethos', '_post', 'carousel' ); ?>
      </header>
    
      <?php x_get_view( 'global', '_slider-below' ); ?>
      <?php x_get_view( 'ethos', '_landmark-header' ); ?>
    #1156409
    Paul R
    Moderator

    Hi Missy,

    Please remove the code in Appearance > Customize > Custom > Edit Global CSS that reads.

    
    li.menu-item-has-children:hover > ul {
        display: block;
    }
    
    

    Thanks

    #1156425
    Missy S
    Participant

    Hi, the malfunction happens when I move the post carousel below the top bar. My top bar has text in it and it was functioning well on my homepage until today.

    Any idea how I can keep the order. I updated the code im using and moved the top bar below the landmark header and the submenu still doesnt drop and now I have my top bar content on all pages instead of just the homepage.

    The working order I used to have was Nav bar, top bar, post-carousel. Please have another look. Thanks.

    Below is the latest code:

    <?php
    
    // =============================================================================
    // VIEWS/ETHOS/WP-HEADER.PHP
    // -----------------------------------------------------------------------------
    // Header output for Ethos.
    // =============================================================================
    
    ?>
    
    <?php x_get_view( 'global', '_header' ); ?>
    
      <?php x_get_view( 'global', '_slider-above' ); ?>
    
      <header class="<?php x_masthead_class(); ?>" role="banner">    
        
        
         <?php x_get_view( 'global', '_navbar' ); ?>
        
        <?php x_get_view( 'ethos', '_breadcrumbs' ); ?>
        
      </header>
    
      <?php x_get_view( 'global', '_slider-below' ); ?>
      <?php x_get_view( 'ethos', '_landmark-header' ); ?>
       <?php x_get_view( 'global', '_topbar' ); ?>
       <?php x_get_view( 'ethos', '_post', 'carousel' ); ?>
    
    
    #1156435
    Lely
    Moderator

    Hi There,

    It’s a z-index issue. It is displaying but behind the topbar. Please add this custom CSS instead:

    .x-topbar {
        z-index: 1000;
    }

    Hope this helps.

    #1156448
    Missy S
    Participant

    THANKS LELY!!!!!!!!

    And I figured out the correct code so that my top bar text only appears on the home page. Thank you so much!

    #1156455
    Rupok
    Member

    You are welcome!

    Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

    Thanks for using X.

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-1155367 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>