carousel slide

[umbrella]

Hello,

I have the following pages with header menu not staying on the top of the page when scrolling:

http://www.famileto.ro/2021/demo-cleaning-services-testimonials.html
http://www.famileto.ro/2021/demo-cleaning-services-blog.html

Also, the footer is not acting as regular when accessing the site from mobile phone. (on desktop is fine)

Can you please let me know what I have to change?

Thanks!

---

[Support]

Hello,

1) The problem is that missing the header-body div. Please change the header code like below:

<header id="header" class="header-effect-shrink" data-plugin-options="{'stickyEnabled': true, 'stickyEffect': 'shrink', 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyChangeLogo': true, 'stickyStartAt': 30, 'stickyHeaderContainerHeight': 85}">
    <div class="header-body">
        ............
    </div>
</div>

Regarding footer reveal issue on mobile, really we did some tests here and it’s not working properly. The footer “reveal” effect should be removed in your case, this should occurs when the footer height is bigger than the window/device screen. By some reason the effect is still remaining. We are wroking in a fix and will reply for you as soon possible.

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

---

[umbrella]

The idea is I copied the same header div to all pages. Below is the header. Also for the footer. It still doesn’t work.

<header id="header" class="header-effect-shrink" data-plugin-options="{'stickyEnabled': true, 'stickyEffect': 'shrink', 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyChangeLogo': true, 'stickyStartAt': 30, 'stickyHeaderContainerHeight': 85}">
			
				<div class="header-container container">
						<div class="header-row">
							<div class="header-column">
								<div class="header-row">
									<div class="header-logo">
										<a href="demo-cleaning-services_famileto.html">
											<img src="img/demos/cleaning-services/logo2.png" width="151" height="50" alt="" />
										</a>
									</div>
								</div>
							</div>
							<div class="header-column justify-content-end">
								<div class="header-row">
									<div class="header-nav header-nav-links">
										<div class="header-nav-main header-nav-main-text-capitalize header-nav-main-effect-2 header-nav-main-sub-effect-1">
											<nav class="collapse">
												<ul class="nav nav-pills" id="mainNav">
													<li><a href="demo-cleaning-services_famileto.html">Home</a></li>
													<li><a href="demo-cleaning-services-about.html">Servicii</a></li>
													<li><a href="demo-cleaning-services-decefamileto.html">De ce Famileto?</a></li>
													
                          <li><a href="demo-cleaning-services-prices.html">Tarife</a></li>
                          <li><a href="demo-cleaning-services-services-angajeazate.html">Angajeaza-te</a></li>
													<li><a href="demo-cleaning-services-contact.html">Contact</a></li>
												</ul>
											</nav>
										</div>
									</div>
									<div class="header-row">
										<a href="demo-cleaning-services-services-cerereonline.html">CERERE ONLINE</a>
									</div>
									<button class="btn header-btn-collapse-nav" data-toggle="collapse" data-target=".header-nav-main nav">
										<i class="fas fa-bars"></i>
									</button>
								</div>
							</div>
						</div>
					</div>
			</header>

---

[Support]

Hello,

1) First please make sure to include the header-body div like in the exmaple below:

<header id="header" class="header-effect-shrink" data-plugin-options="{'stickyEnabled': true, 'stickyEffect': 'shrink', 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyChangeLogo': true, 'stickyStartAt': 30, 'stickyHeaderContainerHeight': 85}">
    <div class="header-body">
        ............
    </div>
</div>

You can copy the same header and paste in the other pages without issue, but make sure you have the <div class="header-body"> included.

2) Regarding the footer issue, I investigate it more deeply and the reason is the missing header-body div in the header. The code for footer reveal need that div to make the needed calcs.

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

---

[umbrella]

Ok, great, now it is solved. The footer works also properly.
Thanks!

---

[Support]

Hello,

Great the issue is now resolved! 🙂

If you need further assistance, feel free to contact us.

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