PHP not working on mobile version of Responsive Web Design - please help!

Hi,

I'm using some simple PHP to display a list of courses on my website and all appears OK on the desktop site but not on the mobile version of the page. I've inserted a rectangle shape and inserted the PHP as placeholder. On the mobile version of the page, I've changed the PHP to be super-simple, to ensure it was nothing to do with something in my PHP that was causing the problem, and all that's in the placeholder is:

<?php
echo 'hello world';
?>

The page is http://www.mindfulnessassociation.co...ing/level1.php

Any help in understanding why the PHP doesn't work on the mobile version of the page would be SO much appreciated as this is driving me nuts!

Thanks,
Heather

Check that the placeholder is not placed in the mouse over area. It has happened to me often. You can just drag and drop it into the the mouse off section

Hi Heather,

Welcome to TG. I'm a bit unsure what you're trying to achieve here. If your site is written in solely in php then your server reads that and serves up the html to the visitor. Are you using a mixture of html & placeholders with php? If so, why is the page being served via php?

Thanks so much for the suggestions - I've checked and it's in the mouse off section.

An update:

When I look at the php file that Xara has generated and that is on the server, the desktop variant has in it:

<div class="xr_noreset " style="position: absolute; left:336px;top:1210px;width:552px;height:236px;">
<?php
require ("configuration.php");

//SET UP SOME PARAMETERS FOR THE USAGE OF THIS CODE
$tt=0; //we want non-teacher-training courses here
$orderBy="ORDER BY Location_name, Start_date ASC";
$reqLevel="Level 1 - Being Present";

include 'functions.php';

displaySimpleCourseList($tt, $orderBy, $reqLevel);

?>
</div>

and this in the mobile variant of the same file:

<div class="xr_group">
<span class="xr_rn_ xr_ar" style="left:20px;top:1393px;width:439px;height:263 px; background:url('index_htm_files/1665.png') 0px 0px no-repeat; background-size: 439px 263px;"></span>
</div>

Surely this is a Xara bug? Xara has generated a .png file for the php in the placeholder of the mobile variant, which the server can never interpret as php!

Best wishes,
Heather

Does the php work in the desktop variant Heather?

Yes it does

So what happens if you delete the Main variant and just leave a mobile variant. Does that load correctly? I say that as I suspect there is a problem loading between the variants. It occurs with forms sometimes. Are you loading the page using php or htm?

Thank you so much for your reply, I really appreciate it.

I'm just making supper for the kids and haven't had a chance to try deleting the main variant, but I'd say that I don't see that this is a loading problem since I'm just viewing the file that Xara has created when I've exported the website to my local filesystem, that I've then FTP'd up to the server, and what I pasted above is the contents of the level1.php file before it has been loaded by the browser. Surely the problem is what Xara is generating?

My thinking is that on requesting the site from the server it might be executing the php before deciding on the viewport size. By just experimenting with only a single mobile size variant does the menu display as expected on a mobile.You never said whether it's uploaded as .php or .html with php placeholders.

I'm not requesting the site from the server though - I'm just viewing the level1.php file using notepad? Sorry, it's an html file with php placeholders.

A wee update - this seems to be a problem with the Pure theme - at least, that's the theme I'm using. The mobile variant that's automatically created by the theme seems to create an image from a php placeholder, which means that it can never display correctly when called from the server. When I change the mobile variant width to 560px and create a new variant of 480px width, the php is correctly included in the page and displays correctly in the browser.

Thanks for the update madcat.