Sticky Header

Home Forums SKT Black/White Theme Support Sticky Header

Tagged: 

This topic contains 19 replies, has 5 voices, and was last updated by  SKT Themes 2 years, 1 month ago.

Viewing 15 posts - 1 through 15 (of 20 total)
  • Author
    Posts
  • #15090

    Kaushal Sinha
    Member
    • Topics: 13
    • Replies: 29
    • Total: 42
    Member since: November 12, 2015

    Disabling sticky header option works great on home page upon scrolling, but it does not work on subsequent pages. How can I enable sticky header so that the header and navigation bar is available on all pages upon scrolling?

    #15130

    SKT Themes
    Keymaster
    • Topics: 2
    • Replies: 6377
    • Total: 6379
    Member since: June 12, 2013

    On inner pages no sticky header is provided. It doesn’t stick to the top while scrolling. The purpose is for lengthy pages which is the homepage we had the header sticky.

    If you still need it send us credentials of the site via email: support@sktthemes.com

    Regards,
    Shri

    #15189

    Frederic Desclos
    Member
    • Topics: 14
    • Replies: 45
    • Total: 59
    Member since: July 20, 2015

    I don’t know about Kaushal, but as previously mentionned, I would need that funtionnality…

    #15477

    Kaushal Sinha
    Member
    • Topics: 13
    • Replies: 29
    • Total: 42
    Member since: November 12, 2015

    I need the sticky header menu on all pages. My pages are much more longer the screen and it scrolls and it makes it odd to scroll up everytime a user needs to access the menu.

    Shri: Please provide us with exact option to enable this. Seems like this option is more and more in demand and should have been enabled to begin with. Not sure why any themes would not have sticky header menu for subsequent pages.

    Will wait for prompt response. Thank you Shri.

    #15478

    Frederic Desclos
    Member
    • Topics: 14
    • Replies: 45
    • Total: 59
    Member since: July 20, 2015

    Here is how I dealt with it :

    I’m using a child theme. In the child theme function.php I added the following :

    function dcs_media_css_hook(){
    	
    	?>
        	
        	<script>
    
    			jQuery(window).bind('scroll', function() {
    				<?php  if ( is_home() || is_front_page() ) {?>
    					var navHeight = jQuery( window ).height() - 0;
    				<?php } else { ?>
    					var navHeight = 90;
    				<?php } ?>
    		<?php if( of_get_option('headstick',true) != true) { ?>
    		if (jQuery(window).scrollTop() > navHeight) {
    			jQuery('body.home .header').addClass('fixed');
    			jQuery('body.page .header').addClass('fixed');
    			jQuery('body.single .header').addClass('fixed');
    			jQuery('body.archive .header').addClass('fixed');
    			jQuery('body.category .header').addClass('fixed');
    		}else {
    			jQuery('body.home .header').removeClass('fixed');
    			jQuery('body.page .header').removeClass('fixed');
    			jQuery('body.single .header').removeClass('fixed');
    			jQuery('body.archive .header').removeClass('fixed');
    			jQuery('body.category .header').removeClass('fixed');
    		}
    		<?php } ?>
    });
    			jQuery.noConflict();
    			jQuery(window).load(function() {
            jQuery('#slider').nivoSlider({
            	effect:'<?php echo of_get_option('slideefect','fade'); ?>', //sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft, fold, fade, random, slideInRight, slideInLeft, boxRandom, boxRain, boxRainReverse, boxRainGrow, boxRainGrowReverse
    		  	animSpeed: <?php echo of_get_option('slideanim',500); ?>,
    			pauseTime: <?php echo of_get_option('slidepause',3000); ?>,
    			directionNav: <?php echo of_get_option('slidenav','true'); ?>,
    			controlNav: <?php echo of_get_option('slidepage','true'); ?>,
    			pauseOnHover: <?php echo of_get_option('slidepausehover','false'); ?>,
        });
    });
    		</script>
        <?php
    		
    	}
    
    function remove_sticky_parent_actions() {
    	remove_action('wp_head','media_css_hook');
    }
    
    add_action ('init','remove_sticky_parent_actions');
    
    add_action('wp_head','dcs_media_css_hook');
    
    #15557

    SKT Themes
    Keymaster
    • Topics: 2
    • Replies: 6377
    • Total: 6379
    Member since: June 12, 2013

    Thanks for sharing the info.

    Regards,
    Shri

    #15598

    Kaushal Sinha
    Member
    • Topics: 13
    • Replies: 29
    • Total: 42
    Member since: November 12, 2015

    I am not sure where I go about modifying this and what line number or point of entry?

    Shri: You should seriously consider giving your customers an option of enabling and disabling sticky header on subsequent pages in your next update.

    I am surprised this is not enabled in subsequent pages. Maybe I will look at other themes who do offer this option down the road.

    #15767

    Frederic Desclos
    Member
    • Topics: 14
    • Replies: 45
    • Total: 59
    Member since: July 20, 2015

    Just add this to the function.php of your child theme

    #15769

    Kaushal Sinha
    Member
    • Topics: 13
    • Replies: 29
    • Total: 42
    Member since: November 12, 2015

    I don’t have child theme. I am assuming I should add to the main theme

    #15770

    Kaushal Sinha
    Member
    • Topics: 13
    • Replies: 29
    • Total: 42
    Member since: November 12, 2015

    …and am I replacing any code or where am I inserting your mentioned code to? I not too familiar with codes and such. Thanks

    #15776

    Frederic Desclos
    Member
    • Topics: 14
    • Replies: 45
    • Total: 59
    Member since: July 20, 2015

    Yes, you should search for the function media_css_hook (around line 173 to 206) ad replace it with the code I provided.

    #15777

    Kaushal Sinha
    Member
    • Topics: 13
    • Replies: 29
    • Total: 42
    Member since: November 12, 2015

    OK. Will look into this and update you on the end result.

    Thanks a bunch

    #15808

    Kaushal Sinha
    Member
    • Topics: 13
    • Replies: 29
    • Total: 42
    Member since: November 12, 2015

    OK. I did exactly as you mentioned but I see no difference. Nav menu bar scrolls out of the screen when I am scrolling down on the subsequent pages.

    What did I do wrong?

    #15824

    SKT Themes
    Keymaster
    • Topics: 2
    • Replies: 6377
    • Total: 6379
    Member since: June 12, 2013

    @Kaushal: Which theme are you using? Will add the enable disable rather than doing this for sticky header.

    Regards,
    Shri

    #15841

    Kaushal Sinha
    Member
    • Topics: 13
    • Replies: 29
    • Total: 42
    Member since: November 12, 2015

    SKT White Pro

Viewing 15 posts - 1 through 15 (of 20 total)

You must be logged in to reply to this topic.