Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1222944
    riwaro
    Participant

    Hello,

    I need help. I wanted my topbar and my Navmenu fixed and do not move also with the scolling. I have now played too much in the Css and in global javascript …..
    This can not be true anymore. I do not know how to continue.

    http://xyo.riwaro.de/

    Please help me.

    Thank you very much.

    Thomas

    #1222946
    riwaro
    Participant
    This reply has been marked as private.
    #1222949
    riwaro
    Participant
    This reply has been marked as private.
    #1223354
    Rupok
    Member

    Hi there,

    Let’s add this CSS with your existing CSS :

    .x-topbar {
      left: 0;
      position: fixed;
      right: 0;
      top: 0;
    }

    Cheers!

    #1223441
    riwaro
    Participant

    Hello,
    Now it almost fits. If I have the page views, the view is not yet. The navbar and the topbar are reduced. If I scroll it fits perfectly.

    http://xyo.riwaro.de/

    thank you

    #1223480
    Rue Nel
    Moderator

    Hi There,

    I have check your site and it seems that there is a JS error on the page. Please have it updated and use this code instead:

    jQuery(function($){
      $(document).ready(function(){
    
        $('.x-navbar .x-nav-wrap.mobile .sub-menu a').on('touchend click', function(){
          $('.x-nav-wrap.mobile').toggleClass('in').css('height', 0);
          $('.x-btn-navbar').toggleClass('collapsed');
        });
      });
    })

    Hope this helps. Please let us know how it goes.

    #1223485
    riwaro
    Participant

    Hello,
    I have changed the code. But it does not fit. When you call the page, the header does not fit. When I scroll everything fits perfectly.
    Greetings Thomas

    #1223498
    riwaro
    Participant
    This reply has been marked as private.
    #1223556
    riwaro
    Participant

    Hello,

    Even if I click on other side, the header only after the scrolling.

    Greetings Thomas

    #1223559
    Paul R
    Moderator

    Hi Thomas,

    To fix your header, you can add this under Custom > Edit Global CSS in the Customizer.

    
    body .x-navbar {
        position: fixed;
        width: 100%;
        top: 44px;
    }
    
    body .x-topbar {
        background-color:#fff;
    }
    
    body .x-navbar .x-navbar-inner {
        height: 90px!important;
        margin-top: 0 !important;
    }
    

    With regards to your footer, I can’t seem to open the file. Kindly convert it to an image and upload again.

    Thanks

    #1223597
    riwaro
    Participant
    This reply has been marked as private.
    #1223614
    riwaro
    Participant

    Hello,

    Now we have it equal. 🙂
    The logo is cut off at the top.

    Greetings Thomas

    #1223619
    riwaro
    Participant

    Hello,
    I managed it myself. Be proud of me
    Now we have only the footer problem
    Greetings Thomas

    #1223651
    Rue Nel
    Moderator

    Hi There,

    If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

    Thanks!

    #1223670
    riwaro
    Participant

    Hello,

    I was to fast. Have the same problem with the logo again. The logo is cut off at the top. Because of the Footer problems I open a separate thread.

    Thank you

    Greetings Thomas

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