Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 10, 2013 at 3:30 pm #173630
    HighschoolAustralia

    Hello,
    since a week our new Enfold-based website is online and working fine. A problem that showed up is concerning a subpage that contains an avia-page-builder form. It displays perfectly on the webpage, but it mixes up content of several cells on the iPhone. This is even worse as we talk about a price list, and on the iPhone the prices are now combined with the wrong references. Also some headings are missing …

    The iphone screenshot shows under „1Term (3 Monate)“ the words „Staatliche Schulen …“, what is wrong. Correct would be „5.900 AUD“, but this shows up under „2 Terms“ where correctly should show up „11.850 AUD“ and so on. The iPhone is a 3GS with iOS 6.1.3 but the problem is the same on an iPhone 4S of my people in Australia (Software Version unknown)
    What can we do about that?
    Thanks for your help,
    Harald

    website (subpage “Preise und Kosten”): http://www.highschool-australia.de/preise-und-kosten/
    iPhone screenshot: http://goo.gl/OR3kDq

    October 11, 2013 at 5:14 am #173972
    Ismael

    Hello HighschoolAustralia!

    Please edit css > shortcodes.css, find this code:

    @media only screen and (max-width: 767px)
{
	.responsive div .avia-data-table table,
	.responsive div .avia-data-table tbody,
	.responsive div .avia-data-table tr,
	.responsive div .avia-data-table td,
	.responsive div .avia-data-table th{display:block; border-top:none; border-right:none; border-left:none; text-align: center;}
	.responsive .avia-data-table{border-style:solid; border-width: 1px;}
	.responsive .avia-data-table .avia-pricing-row .avia-desc-col{text-align: center;}
	.responsive .avia-data-table .avia-button-row, .responsive .avia-data-table tr:first-child th{display:none;}
	.responsive .avia-data-table td:before {
	display:block;
	font-style: italic; font-size: 11px;
	}

	.responsive .avia-data-table td {
		position: relative;
	}
}

    Remove it to display the avia table on the default format when viewing it on iPhone. We might have to adjust the tables on mobile view.

    Cheers!
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Avia page builder form mixes up cells on the iPhone’ is closed to new replies.