piotrscigala

Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter piotrscigala

    (@piotrscigala)

    I found the reason.

    I’ve implemented pure CSS sticky footer solution.

    DOM:

    <html>

<body>
	<div id="page">
		<!-- Site content -->
		<div class="push"></div>
	</div>
	<footer id="colophon">
		<!-- Site footer -->
	</footer>
</body>

</html>

    CSS:

    html,
body {
    height: 100%;
    overflow-x: hidden;
}
html {
    overflow: hidden;
}
body {
    overflow-y: auto;
}
#page {
    min-height: 100%;
}
.push {
    height: 287px;
    /* site footer's height */
}
#colophon {
    position: relative;
    margin-top: -287px;
    /* site footer's height */    
    clear: both;
}

    So, in fact div#page is being scrolled, not window or document object.

    Thus, I need solution providing possibility of changing object, which scroll is being detected ??

    • This reply was modified 8 years, 3 months ago by piotrscigala.
    Thread Starter piotrscigala

    (@piotrscigala)

    Thank you for your willingness to help,

    The website mentioned previously is currently there: https://zacheusz.katowice.pl/dev/

    Current plugin settings: (Class is set to .header-bottom)
    Current plugin's settings

    Once again, plugins wraps targeted element succesfully, but doesn’t work (without generating any JS error). DOM Structure:

    
<style type="text/css">#wpadminbar { position: absolute !important; top: 0px !important;}.myfixed { margin:0 auto!important; float:none!important; border:0px!important; background:none!important; max-width:100%!important; }
	#mysticky-nav { width:100%!important;  position: static;top: -100px;}.wrapfixed { position: fixed!important; top:0px!important; left: 0px!important; margin-top:0px!important;  z-index: 999; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=97)"; filter: alpha(opacity=97); opacity:.97; background-color: #ffffff!important;  }
</style>

[...]

<header id="masthead" class="site-header" role="banner">
	<div class="countdown">
		<!-- counter -->
	</div>
	<div id="mysticky-wrap">
		<div id="mysticky-nav">
			<div class="header-bottom">
				<div class="container">				
					<div class="site-branding">
						<!-- Logo -->
					</div><!-- .site-branding -->	
					<nav id="site-navigation" class="main-navigation" role="navigation">
						<div class="menu-menu-glowne-container">
							<ul id="primary-menu" class="menu">
								<!-- Site navigation -->
							</ul>
						</div>
					</nav><!-- #site-navigation --> 
					<div id="mobile-header">
						<a id="responsive-menu-button" href="#sidr-main">Menu <i class="fa fa-bars" aria-hidden="true"></i></a>
					</div>	   
				</div>			
			</div>
		</div>
	</div>
</header>

[...]

<script type='text/javascript'>
/* <![CDATA[ */
var mysticky_name = {"mysticky_string":".header-bottom","mysticky_active_on_height_string":"320","mysticky_disable_at_width_string":"0"};
/* ]]> */
</script>
<script type='text/javascript' src='https://zacheusz.katowice.pl/dev/wp-content/plugins/mystickymenu/js/mystickymenu.min.js?ver=1.0.0'></script>

    I’ve been looking for potential conflicts with other plugins by switching’em off (except of ACF Pro && The Events Calendar plugins, which are recquired for the entire site to work)

    WP Debug is currently on. Caching / minifying etc. is entirely off (besides WP’s native).

    The website uses customized child theme of Benevolent theme.

    Any ideas?

Viewing 2 replies - 1 through 2 (of 2 total)