unessary space to be removed

terautibee

I have played around with this temple for a week now and am nearly done with the rest of the content. Just one thing that really bothers me and i seem to be stuck on it. How do i get rid of the unessary space there as shown on the image attached.

Any help and assistance from your end will help me a lot.
Thanks

terautibee

Please refer to my custom css to achieve what is in the photo so you know exactly where to fix.

@media (min-width: 1200px) {
.ja-masthead .ja-masthead-detail {
padding: 1rem 0;
}
}

.ja-masthead {
--body-link-color: $white;
}
.ja-masthead .ja-masthead-detail {
padding: 2rem;
}

.ja-masthead .ja-masthead-title {
margin-bottom: 0rem;

}

.owl-carousel.owl-drag .owl-item {
max-height: 500px;
}
@media (min-width: 1400px) {
.acm-contact-info.style-1 .contact-follow {
gap: 2rem;
justify-content: flex-start !important;
}
}

.acm-contact-info.style-1 .contact-follow {
gap: 1.5rem;
justify-content: flex-start !important;
}

@media (min-width: 992px) {
#t4-header .header-top .align-items-center>.col-lg-3 {
width: 40%;
}

#t4-header .header-top .align-items-center .col-lg-9 {
width: 60%;
}
}

@media (min-width: 992px) and (max-width: 1399px) {
#t4-header .header-top .align-items-center>.col-lg-3 {
width: 40%;
}

#t4-header .header-top .align-items-center .col-lg-9 {
width: 60%;
}
}

@media (max-width: 576px) {
.navbar-brand.logo-control img.logo-img-sm {
max-width: 500px;
}

@media (min-width: 1400px) {
.acm-hero.style-1 .acm-hero-item {
padding: 10rem 0 18rem;
}
}

@media (min-width: 992px) {
.acm-hero.style-1 .acm-hero-item {
padding: 8rem 0 14rem;
}
}

.acm-hero.style-1 .acm-hero-item {
padding-top: 6rem;
padding-bottom: 8rem;
}

saguaros

terautibee These are some padding / margin value set for the elements on page.

Is everything ok now?

terautibee

Not it isn't working either. The space is still there. Please assist.

saguaros

terautibee Could you share your site's URL here so I can take a look?

terautibee

yes. here is the temporary url.
https://parliament.mount-systems.com.ki
Also I have another question. The sub menu links are not stable. When you click on the home page the sub link of each menu are all working fine. However when you click on other links say about us and then click on the sub menu links it is not stable and makes it hard to click on the sub menu links

saguaros

Hi @terautibee

You can reduce the spacing of the main body with the following custom CSS:

@media (min-width: 1200px) {
	.t4-main-body {
		padding-bottom: 4rem;
		padding-top: 4rem;
	}
}

For the submenu issue, you can add the following custom CSS

#t4-header {
	z-index: 999;
}

If you need further assistance, please feel free to let me know.

terautibee

Thank you very much. You have solved all my issues.

Thanks again.

saguaros

If you need any further assistance, please let us know 🙂