Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1284129
    buildingblochs
    Participant

    Hi there,

    I have made my header transparent over revolution slider by using –

    .x-navbar-wrap{
        margin-bottom: -300px!important;
    }

    But now my revolution slider is no longer fullscreen and when I click the Scroll Anchor Button it scrolls further below the slider.

    Site – http://104.197.221.223/
    X – Version: 4.6.4
    Cornerstone – Version: 1.3.3

    Kind Regards

    #1284130
    buildingblochs
    Participant
    This reply has been marked as private.
    #1284205
    Rupok
    Member

    Hi there,

    Thanks for writing in! Let’s remove the code you are using and use this instead :

    .x-navbar {
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
    }

    Cheers!

    #1284326
    buildingblochs
    Participant

    Perfect that worked 100%

    #1284340
    Christian
    Moderator

    You’re welcome.

    #1284458
    buildingblochs
    Participant

    Hi Christian,

    On mobile my menu is quite low down, how do I raise the up just below the logo. I’ve tried top margin, but that’s not working.

    Kind Regards

    #1284512
    Thai
    Moderator

    Hi There,

    Please add the following CSS also:

    .x-nav-wrap.mobile {
        margin-top: -100px;
        float: left;
        width: 100%;
    }

    Hope it helps 🙂

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