Acorn_Media/North-east-loft-boarding
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

made changes to improve view on mobile

Browse Source
This commit is contained in:
Gary 2026-03-24 08:43:09 +00:00
parent 0e6491dd5f
commit 8aa71367c6
2 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
css/style.css
View File

@ -10991,3 +10991,20 @@ textarea.form-control {
background: linear-gradient(90deg, rgba(0, 43, 73, 0.8) 0%, rgba(0, 43, 73, 0.2) 100%); background: linear-gradient(90deg, rgba(0, 43, 73, 0.8) 0%, rgba(0, 43, 73, 0.2) 100%);
z-index: 1; z-index: 1;
} }
@media only screen and (max-width: 768px) {
.button-container {
display: flex;
flex-direction: column; /* Stacks buttons vertically */
gap: 15px; /* Creates uniform space between buttons */
align-items: center; /* Centers them horizontally */
height: auto; /* Ensures the container grows to fit them */
}
.button-container a,
.button-container button {
width: 100%; /* Optional: makes buttons full-width on mobile */
max-width: 300px; /* Keeps them from getting too wide */
}
}

8
new-build-loft-boarding.php
View File

@ -33,7 +33,7 @@ include_once $URLcorrection . 'includes/header.php';
<section class="padding-top-50 padding-bottom-50"> <section class="padding-top-50 padding-bottom-50">
<div class="container"> <div class="container">
<div class="row justify-content-center"> <div class="row justify-content-center">
<h2 class="stand-out-text">We specialise in creating storage in new build lofts with our very own LOFT-E®</h2> <h2 class="stand-out-text text-center">We specialise in creating storage in new build lofts with our very own LOFT-E®</h2>
</div> </div>
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-lg-5"> <div class="col-lg-5">
@ -169,7 +169,7 @@ include_once $URLcorrection . 'includes/header.php';
</div> </div>
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-lg-8 col-md-12"> <div class="col-lg-8 col-md-12">
<h3 class="stand-out-text mb-4">Will Professional Loft Boarding Void My NHBC Warranty?</h3> <h3 class="stand-out-text mb-4 text-center">Will Professional Loft Boarding Void My NHBC Warranty?</h3>
<div style="background: #27ae60; padding: 25px; border-radius: 15px; margin-bottom: 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.2);"> <div style="background: #27ae60; padding: 25px; border-radius: 15px; margin-bottom: 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.2);">
<h4 style="color: white; margin: 0; font-weight: bold;"> <h4 style="color: white; margin: 0; font-weight: bold;">
@ -265,10 +265,10 @@ include_once $URLcorrection . 'includes/header.php';
</div> </div>
<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 button-container" 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-calculator"></i> Get Free Survey & Quote <i class="fas fa-calculator"></i> Get Free Survey & Quote
</a> </a>
<a href="https://loft-e.com/" target="_blank" class="btn btn-outline-light btn-lg" style="padding: 18px 35px; border-radius: 30px; font-size: 18px; font-weight: 600; border: 2px solid white;"> <a href="https://loft-e.com/" target="_blank" class="btn btn-outline-light btn-lg mr-3 button-container" style="padding: 18px 35px; border-radius: 30px; font-size: 18px; font-weight: 600; border: 2px solid white;">
<i class="fas fa-file-alt"></i> Learn More About LOFT-E® <i class="fas fa-file-alt"></i> Learn More About LOFT-E®
</a> </a>
</div> </div>