queue  19
support
Results 1 to 3 of 3

Thread: [SOLVED] Transparent Menu without Splash Section

  1. #1
    Junior Member
    Join Date
    Dec 2013
    Posts
    9

    Transparent Menu without Splash Section

    I'd like to use "transparent" menu on a page without the enabling the splash section.

  2. #2
    Hello,

    Disable the splash section from the Home Page Settings, and then go to admin> Appearance> Theme Options.

    At the Custom CSS field add this:
    Code:
    .head-wrapper{display: none;}
    And at the Custom JS field add this:
    Code:
    jQuery(document).ready(function($){  
        
    var scrollTopVal = 10;
    
    $('html, body').animate({scrollTop:1}, 'fast');
    $('html, body').animate({scrollTop:0}, 'fast');
        
       
        $(window).scroll(function(){   
         
            var st = $(this).scrollTop();                
            if (st > scrollTopVal ){
                $('.head-wrapper').show();
            }
            else{
                $('.head-wrapper').hide();
                $('.home').css('padding-top','0px');
            }
            
        });
    });
    This should do the rtick.

  3. #3
    Junior Member
    Join Date
    Feb 2017
    Posts
    7

    Thanks !!!

    It worked for me! Thanks!