updated to improve mobile view

This commit is contained in:
Gary 2026-03-24 09:01:05 +00:00
parent fb5513fecf
commit 28b5d4eb17
3 changed files with 9 additions and 4 deletions

View File

@ -11008,9 +11008,14 @@ textarea.form-control {
max-width: 300px; /* Keeps them from getting too wide */ max-width: 300px; /* Keeps them from getting too wide */
} }
.new-build-banner, .old-build-banner, .lh-banner, .light-banner, .insulation-banner, .loft-e-banner, .loft-e-lite-banner { .new-build-banner, .old-build-banner, .lh-banner, .light-banner, .insulation-banner, .loft-e-banner, .loft-e-lite-banner, .contact-banner {
background-position: center top; /* Adjusts the image position for better mobile display */ background-position: center top; /* Adjusts the image position for better mobile display */
padding-top: 50px; /* Adds space at the top for better text visibility */ padding-top: 50px; /* Adds space at the top for better text visibility */
padding-bottom: 50px; /* Adds space at the bottom for better text visibility */ padding-bottom: 50px; /* Adds space at the bottom for better text visibility */
} }
} }
.images {
border: 5px solid #ff6600;
}

View File

@ -621,7 +621,7 @@ include_once $URLcorrection . 'includes/header.php';
<div class="mt-4 mb-4"> <div class="mt-4 mb-4">
<a href="<?= $URLcorrection ?>contact" class="customer-quote-button btn-lg mr-3" style="padding: 18px 35px; border-radius: 30px; font-size: 18px; font-weight: 600; box-shadow: 0 5px 15px rgba(0,0,0,0.3);"> <a href="<?= $URLcorrection ?>contact" class="customer-quote-button btn-lg mr-3" style="padding: 18px 35px; border-radius: 30px; font-size: 18px; font-weight: 600; box-shadow: 0 5px 15px rgba(0,0,0,0.3);">
<i class="fas fa-home"></i> Get Free Property Survey & Quote <i class="fas fa-home"></i> Get Free Quote
</a> </a>
</div> </div>

View File

@ -48,7 +48,7 @@ include_once $URLcorrection . 'includes/header.php';
</div> </div>
</div> </div>
<div class="row justify-content-center align-items-stretch padding-bottom-50 text-center"> <div class="row justify-content-center align-items-stretch padding-bottom-50 text-center">
<div class="col-md-6 col-sm-12 card-wrapper"> <div class="col-md-6 col-sm-12 card-wrapper padding-top-10">
<div class="card h-100 d-flex flex-column"> <div class="card h-100 d-flex flex-column">
<img src="<?= $URLcorrection ?>images/bulb.jpg" class="card-img-top padding-bottom-20" alt="LED Loft Bulb"> <img src="<?= $URLcorrection ?>images/bulb.jpg" class="card-img-top padding-bottom-20" alt="LED Loft Bulb">
<div class="card-body d-flex flex-column"> <div class="card-body d-flex flex-column">
@ -57,7 +57,7 @@ include_once $URLcorrection . 'includes/header.php';
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-6 col-sm-12 card-wrapper"> <div class="col-md-6 col-sm-12 card-wrapper padding-top-10">
<div class="card h-100 d-flex flex-column"> <div class="card h-100 d-flex flex-column">
<img src="<?= $URLcorrection ?>images/4fttube.jpg" class="card-img-top padding-bottom-20" alt="4ft LED Tube Loft Light"> <img src="<?= $URLcorrection ?>images/4fttube.jpg" class="card-img-top padding-bottom-20" alt="4ft LED Tube Loft Light">
<div class="card-body d-flex flex-column"> <div class="card-body d-flex flex-column">