Resolved long page is interrupting by the footer

Hi Andreas,

Could you please provide live url also please check the footer positioning in CSS.

Thanks
Arun

hi Arun,
in template.css (Helix-ii) i found the following Contents:

#sp-footer-wrapper {
padding: 30px 0;
position: relative;
}
#sp-footer-wrapper::after {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
}
#sp-footer-wrapper ul li {
display: inline-block;
margin-left: 10px;
font-size: 12px;
}
#sp-footer-wrapper ul li a {
color: #999;
}
#sp-footer-wrapper ul {
display: inline-block;
}
#sp-footer-wrapper ul.nav {
display: inline-block;
list-style: none;
padding: 0;
margin: 0 5px;
}
#sp-footer-wrapper ul.nav li {
display: inline-block;
margin: 0 5px;
}
#sp-footer-wrapper ul.nav li a {
display: block;
}
#sp-footer-wrapper ul.nav li a:hover {
background: none;
}
#sp-footer-wrapper .sp-totop {
display: inline-block;
}
#sp-footer-wrapper .sp-totop i {
color: #fff;
}
#sp-footer-wrapper .sp-totop small {
display: none;
}
#sp-footer-wrapper .helix-framework {
display: inline-block;
}
#sp-footer-wrapper .helix-framework .helix-logo {
display: block;
width: 130px;
height: 40px;
text-indent: -9999px;
background: url(../images/helix-logo-white.png) no-repeat 0 0;
}
#sp-footer-wrapper .copyright {
display: block;
}
.ltr #sp-footer-wrapper .helix-framework {
float: left;
margin-right: 15px;
}
.ltr #sp-footer-wrapper #sp-footer2 {
text-align: right;
}
.rtl #sp-footer-wrapper .helix-framework {
float: right;
margin-left: 15px;
}
.rtl #sp-footer-wrapper #sp-footer2 {
text-align: left;

regards
Andreas

by the way: it is your original template

Hi Andreas,

I can't help you with this css. Please share your website url.

Thanks
Arun

hi Arun,
sent pm

Hi Andreas,

I have checked your website Jomsocial class conflicting with the template.
Please open :- components/com_community/templates/jomsocial/assets/css/style.css line # 2841 class name .jomsocial-wrapper{} comment the height:100% and check the page.

Thanks
Arun

Hi Arun,

line 2841...

.jomsocial-wrapper {
position: relative;
overflow: hidden;
width: 100%;
height: 100%; }

Andreas

Hi Andreas,

jomsocial-wrapper {

position: relative;

overflow: hidden;

width: 100%;

/*height: 100%;*/ }

Comment the height property and check your page.

Thanks
Arun

hi Arun,
thanks. we have edited but same Problem!

jomsocial-wrapper {
position: relative;
overflow: hidden;
width: 100%;
/*height: 100%;*/ }

Andreas

Hi Andreas,

Last name when in check the page it was Helix 2 default theme. Now you switched the theme to University. When i check the joomsocial css height value is still there.

Thanks
Arun

Hi Arun, we have changed template to helix. Can you please check again? Andreas

Hi,

Still the joomscial class css not updated.

components/com_community/templates/jomsocial/assets/css/style.css

    .jomsocial {

background: #ECF0F1;

padding: 14px;

/* height: 100%; */

min-height: 480px;

position: relative;

}

Hi Arun, ok the 2nd one we will edit. The jomsocial-wrapper one is ok, right?
Andreas

Hi Andreas,

I didn't get you.

Thank
Arun

Hi Arun,
both lines "height" we have commented, now the template is working well.
thank you very much for your Support.
Andreas