Popular
Newest
Updated
Sign in
Create an account
Categories
Admin Templates
204
Multipurpose Templates
164
Landing Pages
149
Portfolios & Resumes
86
Ecommerce
46
Blogs & Magazines
26
Directories & Listings
26
UI Kits & Website Builders
10
Documentation
5
Specialty
105
Topics
General
277
Business & Corporate
118
Design & Creative Services
114
Apps & Software
54
Retail & Shopping
34
Startups & SaaS
27
Marketing & Conversion
21
Restaurants & Cafes
17
Education & Learning
16
Jobs & Hiring
15
See all →
Compatible with
Bootstrap
774
PHP
42
React
41
Tailwind CSS
38
Laravel
26
Python
24
Angular
23
Django
20
Vue.js
20
ASP.NET Core
14
See all →
Discussion on
Color Admin - 6 Admin Template + 5 Frontend
Details
Discussion
Back to discussions
Showing 1 – 1 of 1 replies
←
1
→
Fixed Footer - phone and tablet issue
Sony
PURCHASED
2 weeks ago
Hi,
I implemented fixed footer in my application, but on mobile phone (landscape rotation) and tablets is not possible to scroll.
Even on live preview on fixed footer sample on mobile phone (landscape rotation) scroll is disabled.
Is it possible to fix this and how?
Reply
SeanTheme
SELLER
2 weeks ago
Hi,
You may try to add the following css
<style type="text/css">
@media (max-width: 767px) {
.app-content-full-height .app-content {
max-height: calc(100vh - 101px);
}
}
</style>
and do the following thing to the fixed footer page
<div id="content" class="app-content d-flex flex-column p-0">
<div class="app-content-padding flex-grow-1" data-scrollbar="true" data-height="100%">
<!-- content here -->
</div>
</div>
Best Regards,
Sean.
Reply
Close
Fixed Footer - phone and tablet issue
I implemented fixed footer in my application, but on mobile phone (landscape rotation) and tablets is not possible to scroll.
Even on live preview on fixed footer sample on mobile phone (landscape rotation) scroll is disabled.
Is it possible to fix this and how?
You may try to add the following css
<style type="text/css">
@media (max-width: 767px) {
.app-content-full-height .app-content {
max-height: calc(100vh - 101px);
}
}
</style>
and do the following thing to the fixed footer page
<div id="content" class="app-content d-flex flex-column p-0">
<div class="app-content-padding flex-grow-1" data-scrollbar="true" data-height="100%">
<!-- content here -->
</div>
</div>
Best Regards,
Sean.