Support

June 26, 2014 at 1:52 am

Hi,

The link you provided goers to a 404 page. Can you provide a link to the active page please?

June 27, 2014 at 2:27 am

Hi Mick,

Thanks for the link.

The following CSS should help keep that table responsive.

#event_espresso_attendee_verify,
#event_espresso_attendee_verify_questions {
  table-layout: fixed;
  width: 100%;
}

#event_espresso_attendee_verify tbody tr td,
#event_espresso_attendee_verify_questions tbody tr td,
#event_espresso_attendee_verify tbody tr th,
#event_espresso_attendee_verify_questions tbody tr th {
word-wrap: break-word;
}

This will wrap the words, so the questions will get cut off.

You may want to add something like this to change the table cell widths. It would probably be a good idea to include this as part of a Media Query

#event_espresso_attendee_verify tbody tr td,
#event_espresso_attendee_verify_questions tbody tr td {
    width: 60%
}

#event_espresso_attendee_verify tbody tr th,
#event_espresso_attendee_verify_questions tbody tr th {
    width: 40%
}

June 30, 2014 at 10:44 am

Hi Liam,

I used an iPhone 5 emulator through Google Chrome.

Could you try adding this CSS to a plugin like My Custom CSS:

#cart-reg-details tr + tr td {
	padding: 3px 7px;
}
#event_espresso_shopping_cart table.price_list {
	table-layout: fixed;
	word-wrap: break-word;

}

Also please remove any eetest or eetestiphone registrations.

—
Lorenzo

July 2, 2014 at 1:07 pm

Hi Mike,

Reverse the last change that I recommended and try this:

.submit.btn_event_form_submit.ui-priority-primary.ui-state-default.ui-state-hover.ui-state-focus.ui-corner-all{width:100%;word-wrap: break-word;
 }

table.price_list td.price_type {
width:30%;
}
table.price_list td.price {
width: 41%;
}
table.price_list td.selection {
width: 33%;
}

#cart-reg-details tr + tr td {
padding: 5px 1px;
}

#event_espresso_shopping_cart table.price_list {
	table-layout: fixed;
	word-wrap: break-word;

}

—
Lorenzo