navigation menu on index-corporate-12.html

[ringsleighton]

When the browser width is between 992px and 1006px, the nav menu on the left hand side does not appear.

In this 15px range, the div #side-header still appears, but the nav does not appear in it.

Two things I noticed when attempting to troubleshoot this:

1. This only happens when the content of the page is long enough to scroll. It doesn’t happen when the content is short and fits in the browser window without scrolling.
2. If I remove the position:absolute property from .scrollable-content div the nav does appear:

---

Template Version: Corporate 12

[Support]

Hello, first thanks for your purchase and sorry for that issue.

We will fix that in a future version of Porto. For now to fix, please change the code in (js/theme.js) around line 5168 to this new:

self.checkStickyHeader = function() {
	if( $window.outerWidth() > 991 && $html.hasClass('side-header') ) {
		$html.removeClass('sticky-header-active');
		activate_flag = true;
		return;
	}

	if ($window.scrollTop() >= parseInt(self.options.stickyStartAt)) {
		if( activate_flag ) {
			self.activateStickyHeader();
			activate_flag = false;
			deactivate_flag = true;
		}
	} else {
		if( deactivate_flag ) {
			self.deactivateStickyHeader();
			deactivate_flag = false;
			activate_flag = true;
		}
	}
};

* Note we just changed the $window.width() to $window.outerWidth().

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.
If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Author]

Posts