Responsive layout

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author metaphorcreations

    (@metaphorcreations)

    8 years, 5 months ago

    Can you provide a link to your site so I can check it out in my developer tools?

    Thanks!

    Thread Starter mathkn

    (@mathkn)

    8 years, 5 months ago

    The picture I sent was from a test site, but I have implemented it to a site already.
    There are several sites with the plugin, and its the same problem with all of them.

    http://www.sana.as/hovedkontor/
    http://www.sana.as/birkeland/
    http://www.sana.as/lillesand/
    http://www.sana.as/lund/

    If you minimize the window to a smartphone size, the user information is overlapping. The best thing would probably be to list them vertical downwards when the screen size is f.ex 500px and less.

    Do you think that is possible?

    Plugin Author metaphorcreations

    (@metaphorcreations)

    8 years, 5 months ago

    Thanks for the info. This plugin was built mainly with the intention to be incorporated with themes that provide their own styling for the different displays… So, there are very few styles added to the plugin itself. You can add the following CSS (as an example) to your site:

    .mtphr-member-contact-info td {
  vertical-align: top;
  line-height: 18px;
}
.mtphr-member-contact-info td.mtphr-contact-widget-description {
  word-break: break-all;
}
@media (max-width: 991px) {
  .mtphr-member-contact-info td {
    display: block;
    word-break: break-all;
  }
}

    Feel free to adjust any part of this.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Responsive layout’ is closed to new replies.