WordPress.org

Ready to get started?Download WordPress

Forums

Events Manager
[resolved] Mobile theme on iPhone not displaying correctly (6 posts)

  1. billyb2084
    Member
    Posted 1 year ago #

    I am using Events Manager 5.4.4. When viewing the events list on an iPhone the page is not formatted to fit the screen. WordPress is detecting a mobile device; All other pages (non events manager pages) appear correctly. The events page appears correctly on an Android.

    Is there a setting for this? Or a work around? I am not a programmer so it has to be an easy fix.
    Thanks

    http://wordpress.org/extend/plugins/events-manager/

  2. angelo
    NetWebLogic Support
    Posted 1 year ago #

    this might be a theme issue; can you share some links for us to see and analyze under android or iphone?

  3. billyb2084
    Member
    Posted 1 year ago #

    http://www.brookfieldbrewers.org/events/ (list of events)
    http://www.brookfieldbrewers.org/Lessons/lessons-71-session-1/ (single event)

    Using Mantra 1.9.9.7 theme.

    Thank you!

  4. philipjohn
    Member
    Posted 1 year ago #

    Hiya!

    This is because EM by default uses a table for the events list.

    In order to adapt to your theme you will need to tweak the default formats by going to Events > Settings > Formatting and change the formats to use a responsive CSS-based table instead.

    If you're not familiar with CSS tables you'll need a developer to help you out.

    Cheers,
    Phil

  5. billyb2084
    Member
    Posted 1 year ago #

    Thank you - -I am, in fact, not familiar with CSS :-(
    If anyone has a quick fix or line of code I can add (I assume to the "Default single event format" html box) it would be much appreciated.

  6. finnj
    Member
    Posted 1 year ago #

    I use table format for the list of events, and it works fine with theme: Suffusion

    Using the responsive layout in suffusion, sidebars are aut. removed.

    Event table header:

    <table cellpadding="0" cellspacing="0" class="events-table" >
        <thead>
            <tr>
    			<th class="event-time" width="100"> </th>
                            <th class="event-time" width="85">Date/Time</th>
    			<th class="event-description" width="*">Event</th>
    		</tr>
       	</thead>
        <tbody>

    Event table:

    <tr>
      <td>#_EVENTIMAGE{80,45}</td>
      <td>#D d. #j #M<br/>
          #_EVENTTIMES</td>
      <td>#_EVENTLINK</br>
          #_EVENTEXCERPT
          {has_location}<br/><i>#_LOCATIONNAME, #_LOCATIONTOWN</i>{/has_location}
      </td>
      </tr>

    Single event:

    <div style="float:right; margin:0px 0px 15px 15px;">#_LOCATIONMAP</div>
    <p>
    	<strong>Tidspunkt:</strong><br/>
    	#_EVENTDATES<br /><i>#_EVENTTIMES</i>
    </br>
    #_EVENTNOTES
    </p>
    {has_location}
    <p>
    	<strong>Location</strong><br/>
    	#_LOCATIONLINK
    </p>
    {/has_location}

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic