-
AuthorPosts
-
September 7, 2015 at 10:56 am #682191
Regarding to http://www.joomlart.com/forums/topic/footer-on-bottom-of-screen-not-sticky/
Did nobody get a css solution for this?
Ninja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
September 8, 2015 at 2:52 am #682246@immortuus: Because thread of you mentioned for long time, I moved your post to new thread
About of your request, you can give me the URL of your site and screenshot. I will help you to check it.
Ninja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
September 8, 2015 at 2:52 am #747780@immortuus: It’s a pretty old thread so I moved your post into new thread.
About your question, you can send me the URL of your site and screenshot illustrating what you expect, I will help you to check it.
September 8, 2015 at 9:36 am #682315I send you the URL and here is the pic:
How it is:
How it shoud be:
September 8, 2015 at 9:36 am #747830I send you the URL and here is the pic:
How it is:
How it shoud be:
Ninja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
September 9, 2015 at 5:39 am #682554You can use the solution below
Open templates/purity_iii/local/css/themes/schuppesser/layouts/corporate.css file
find and change
.corporate .t3-sl-2 {
padding: 0;
}to
.corporate .t3-sl-2 {
padding-bottom: 140px;
padding-top: 0px;
}Ninja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
September 9, 2015 at 5:39 am #747933You can use the solution below
Open templates/purity_iii/local/css/themes/schuppesser/layouts/corporate.css file
find and change
.corporate .t3-sl-2 {
padding: 0;
}to
.corporate .t3-sl-2 {
padding-bottom: 140px;
padding-top: 0px;
}September 9, 2015 at 7:53 am #682573OK, did it, but it only make that th footer i a bit deeper.
Ist stil not on the Buttom oft he page. And on a resize it remains on one position
September 9, 2015 at 7:53 am #747952OK, did it, but it only make that th footer i a bit deeper.
Ist stil not on the Buttom oft he page. And on a resize it remains on one position
Ninja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
September 9, 2015 at 10:36 am #682591<em>@immortuus 491223 wrote:</em><blockquote>OK, did it, but it only make that th footer i a bit deeper.
Ist stil not on the Buttom oft he page. And on a resize it remains on one position</blockquote>
It is not bug from our product, because the main content on your site is small, you need to add min-height into templates/purity_iii/css/custom.css file
.corporate .t3-sl-2 {
min-height: 350px !important;
}div#t3-mainbody {
min-height: 500px !important;
}Ninja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
September 9, 2015 at 10:36 am #747970<em>@immortuus 491223 wrote:</em><blockquote>OK, did it, but it only make that th footer i a bit deeper.
Ist stil not on the Buttom oft he page. And on a resize it remains on one position</blockquote>
It is not bug from our product, because the main content on your site is small, you need to add min-height into templates/purity_iii/css/custom.css file
.corporate .t3-sl-2 {
min-height: 350px !important;
}div#t3-mainbody {
min-height: 500px !important;
}September 9, 2015 at 12:08 pm #682692Ok did it.
But still the same, on a big screen you see (after the 500px) the footer. And then the background.
Is it not posible to pin the footer to the buttom oft he Page? After the contend?like in http://mystrd.at/modern-clean-css-sticky-footer/
for responsive var high footer Look at the NoteSeptember 9, 2015 at 12:08 pm #747975Ok did it.
But still the same, on a big screen you see (after the 500px) the footer. And then the background.
Is it not posible to pin the footer to the buttom oft he Page? After the contend?like in http://mystrd.at/modern-clean-css-sticky-footer/
for responsive var high footer Look at the NoteNinja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
September 10, 2015 at 3:11 am #682747Hi,
If you want to fix the footer page like as the link of you mentioned above, you can rollback all css style above and add the new css style into templates/purity_iii/css/custom.css file
footer#t3-footer {
position: fixed;
bottom: 0px;
width: 100%;
}Let me know if it helps
Regards
Ninja Lead ModeratorNinja Lead
- Join date:
- November 2014
- Posts:
- 16064
- Downloads:
- 310
- Uploads:
- 2864
- Thanks:
- 341
- Thanked:
- 3854 times in 3563 posts
September 10, 2015 at 3:11 am #748030Hi,
If you want to fix the footer page like as the link of you mentioned above, you can rollback all css style above and add the new css style into templates/purity_iii/css/custom.css file
footer#t3-footer {
position: fixed;
bottom: 0px;
width: 100%;
}Let me know if it helps
Regards
-
AuthorPosts
This topic contains 19 replies, has 2 voices, and was last updated by Ninja Lead 9 years, 2 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum