Popular
Newest
Updated
Sign in
Create an account
Categories
Admin Templates
205
Multipurpose Templates
168
Landing Pages
162
Portfolios & Resumes
88
Ecommerce
51
Blogs & Magazines
26
Directories & Listings
27
UI Kits & Website Builders
10
Documentation
5
Specialty
119
Topics
General
277
Business & Corporate
128
Design & Creative Services
116
Apps & Software
56
Retail & Shopping
36
Startups & SaaS
28
Marketing & Conversion
21
Restaurants & Cafes
19
Finance & Accounting
17
Education & Learning
16
See all →
Compatible with
Bootstrap
806
Tailwind CSS
50
PHP
43
React
43
Laravel
27
Python
25
Angular
24
Vue.js
22
Django
21
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
3 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
3 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.