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.

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);
  }
}
2 months later
Write a Reply...
You need to Login to view replies.