hi there,
On the mobile device the contact info overides each other (see screenshot)
How do I get this with br space (list) only on the mobile
regards Rob
hi there,
On the mobile device the contact info overides each other (see screenshot)
How do I get this with br space (list) only on the mobile
regards Rob
Hi Rob
A minor bug on this page and we will fix it pretty soon.
oke thanks
regards Rob
Hi Rob,
I updated this style for your site, kindly check.
/*Fix contact page on mobile*/
@media (max-width: 575.98px) {
.contact #contact-form .contact-name {
margin-bottom: 0 !important;
}
}
@media (max-width: 767.98px) {
.contact .contact-link ul.nav {
justify-content: flex-start;
margin-top: 2rem;
}
}
@media (max-width: 767.98px) {
.contact .plain-style .contact-info {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media (max-width: 1199.98px) {
.contact .plain-style .contact-address dd.show-0 {
width: 50%;
}
}
@media (max-width: 575.98px) {
.contact .plain-style .contact-address dd.show-0 {
width: 100%;
}
}
.contact .plain-style .area-form .title-lead {
text-align: center;
padding-bottom: 4rem;
padding-top: 8rem;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 1199.98px) {
.contact .plain-style .area-form .title-lead {
padding-bottom: 2rem;
padding-top: 4rem;
}
}
@media (max-width: 767.98px) {
.contact .plain-style .area-form .title-lead {
padding-top: 2rem;
}
}
@media (max-width: 767.98px) {
.contact .plain-style .area-form .title-lead h2, .contact .plain-style .area-form .title-lead .h2 {
font-size: var(--h2-font-size);
}
}
thank you late reaction but it works