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
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;
}
terautibee These are some padding / margin value set for the elements on page.
Is everything ok now?
Not it isn't working either. The space is still there. Please assist.
terautibee Could you share your site's URL here so I can take a look?
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
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.
Thank you very much. You have solved all my issues.
Thanks again.
If you need any further assistance, please let us know 