this is code I have created so far, it displays the results of a query in a 3 column responsive grid but I want to find a way of saying/ changing the layout according to device screen width say for example, devices with a screen width of more than 768px, then display in the 3 column grid.
if less than:
col-xs-9 column-xs-3
row product title product price
col-xs-12
row productdescription
[code]
while ($assocarrSetmealVariantTitles_VariantPrice = mysqli_fetch_assoc($runSql5_qry1)) {
?>
<div class=”row”>
<div class=”col-xs-12 col-sm-3″>
<p class=”setmeal_varianttitle”>
<?php echo $assocarrSetmeal[‘ItemTitle’]; ?>
</p>
</div>
<div class=”col-xs-12 col-sm-7″>
<p class=”setmeal_variantdescript”>
<?php echo $assocarrSetmeal[‘ItemDescription_LrgDesc’]; ?>
</p>
</div>
<div class=”col-xs-12 col-sm-2″>
<p class=”setmeal_variantprice”>
<?php echo $gbpformat->formatCurrency($assocarrSetmeal[‘Price’], ‘GBP’), PHP_EOL; ?>
</p>
</div>
</div>
<?php
}
I found this block of code via
[code]
if ($runSql5_qry1) {
if (mysqli_num_rows($runSql5_qry1) > 0) {
while ($assocarrSetmeal = mysqli_fetch_assoc($runSql5_qry1)) {
if (isset($_GET[‘width’])) {
$width = $_GET[‘width’];
if ($width <= 768) {
?>
<div class=”row”>
<div class=”col-xs-8″>
<p class=”setmeal_varianttitle”>
<?php echo $assocarrSetmeal[‘ItemTitle’]; ?>
</p>
</div>
<div class=”col-xs-4″>
<p class=”setmeal_variantprice”>
<?php echo $gbpformat->formatCurrency($assocarrSetmeal[‘Price’], ‘GBP’), PHP_EOL; ?>
</p>
</div>
</div>
<div class=”row”>
<div class=”col-xs-12″>
<p class=”setmeal_variantdescript”>
<?php echo $assocarrSetmeal[‘ItemDescription_LrgDesc’]; ?>
</p>
</div>
</div>
<?php
} else {
?>
<div class=”row”>
<div class=”col-xs-12 col-sm-3″>
<p class=”setmeal_varianttitle”>
<?php echo $assocarrSetmealVariantTitles_VariantPrice[‘MainTblMenuItem_MenuItemTitle’]; ?>
</p>
</div>
<div class=”col-xs-12 col-sm-7″>
<p class=”setmeal_variantdescript”>
<?php echo $assocarrSetmealVariantTitles_VariantPrice[‘MainTblMenuItem_MenuItemDescription_LrgDesc’]; ?>
</p>
</div>
<div class=”col-xs-12 col-sm-2″>
<p class=”setmeal_variantprice”>
<?php echo $gbpformat->formatCurrency($assocarrSetmealVariantTitles_VariantPrice[‘MainTblMenuItem_MenuItemPricePerQuantity’], ‘GBP’), PHP_EOL; ?>
</p>
</div>
</div>
<?php
}
}
}
}
}
but it doesn’t work. any pointers, ideas, solution/ answers would be very much appreciated