Mobile Membership Detail Page Layout

To make your Membership Detail Pages mobile-friendly, you can copy/paste the HTML below into the Detail Page content editor and then make adjustments to the items you want/need.

  
<div class="imod_membershipDetails">
  <h2 class="imod_eventName">[[Membership Name]]</h2>
  <div class="imod_eventDescription">[[Membership Description]]</div>
  <div class="imod_eventContact">
    <h3 class="imod_eventLabel">Contact Information</h3>
    <div class="imod_eventContactPrimary">
      <h4>Primary Contact</h4>
      <div>[[Contact1 First Name]] [[Contact1 Last Name]]</div>
      <div>[[Contact1 Title]]</div>
      <div>[[Contact1 Street1]]</div>
      <div>[[Contact1 Street2]]</div>
    </div>
    <div class="imod_eventContactSecondary">
      <h4>Secondary Contact</h4>
      <div>[[Contact2 First Name]] [[Contact2 Last Name]]</div>
      <div>[[Contact2 Title]]</div>
      <div>[[Contact2 Street1]]</div>
      <div>[[Contact2 Street2]]</div>
      <div>[[Contact2 City]]<span id="contactseparator2">, </span>[[Contact2 State]]  [[Contact2 Postal Code]]</div>
      <div>Phone: [[Contact2 Phone]]</div>
      <div>Fax: [[Contact2 Fax]]</div>
      <div>[[Contact2 Email]]</div>
    </div>
  </div>
  <div class="imod_membershipBtn">[[Membership Purchase Button]]</div>
</div>
<div originalstyle="clear: both;" style="clear: both;"></div>