Hi there pixie.susan,
I had a spare moment or two so I thought that I would recode your whole site
to make it fully responsive right down to an "iPhone 5 -320 x 568".
If you want to test it out, let me know and I will pop the site into a zip file for
you to fully test.
One thing you will notice is the HTML that I have used is much simpler than yours
for example...
index.html
CODE
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Skydive on Cape Cod | Skydive the Mills</title>
<script src="ew_js/mobileRedirect.js"></script>
<script>
redirectURL("/mobile.html");
</script>
<link rel="alternate" media="only screen and (max-width: 700px)" href="/mobile.html" />
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<meta name="viewport" content="width=1100" />
<meta name="keywords" content="tandem skydiving,skydiving center,Cape Cod drop zone,Skydive on Cape Cod" />
<meta name="description" content="Experience the thrill of tandem skydiving at Skydive the Mills! Skydive on Cape Cod just an hour from Boston, enjoy stunning views and friendly, certified skydive instructors." />
<meta property="og:description" content="Experience the thrill of tandem skydiving at Skydive the Mills! Skydive on Cape Cod just an hour from Boston, enjoy stunning views and friendly, certified skydive instructors." />
<meta name="generator" content="EverWeb 4.1.0 (2919)" />
<meta name="buildDate" content="Sunday, April 7, 2024" />
<link rel="canonical" href="http://www.skydivethemills.com/" />
<meta property="og:url" content="http://www.skydivethemills.com/" />
<meta property="og:title" content="Skydive on Cape Cod | Skydive the Mills" />
<meta property="og:type" content="website" />
<meta property="og:image" content="http://www.skydivethemills.com/ewExternalFiles/Sky%20Dive%20the%20Mills%20-%201.png" />
<link rel="stylesheet" href="ew_css/textstyles.css?3795357411" />
<link rel="stylesheet" href="ew_css/responsive.css?3795357411" />
<link rel="stylesheet" href="ew_css/globaltextstyles.css?3795357411" />
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Nunito:400,900,600&display=swap" />
<link rel="stylesheet" href="ew_css/master/pagestyle.css?3795343012" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="canonical" href="http://skydivethemills.com/" />
<style>
div.container {
min-height: 1269px;
}
.shape_7 {
box-shadow: 5px 4px 3px 0px rgba(169, 169, 169, 0.75);
}
</style>
</head>
<body>
<div class="container" style="height: 1269px;">
<header>
<div style="position: relative;">
<a href="index.html" data-linkuuid="E1D335FD10754772A5D913053E23CAA1" class="outerlink">
<div class="shape_1" style="left: 112px; top: 19px; width: 309px; height: 59px; z-index: 1; position: absolute;">
<div class="paraWrap" style="padding: 0px 2.16px 0px 2.16px;">
<p class="para1"><span style="line-height: 49px;" class="Style2">Skydive the Mills</span></p>
</div>
</div>
</a>
</div>
<div style="position: relative;">
<div class="ewnavmenu" id="navmenu_menu0" style="left: 592.5px; top: 34.5px; height: 43px; width: 505px; z-index: 10003; position: absolute;">
<ul id="navigation_menu0">
<li><a class="main item0" href="index.html" data-linkuuid="E1D335FD10754772A5D913053E23CAA1">Home</a></li>
<li><a class="main item1" href="about.html" data-linkuuid="CF910F4B0001409C871E5E9BB2E6110A">About Us</a></li>
<li><a class="main item2" href="first.html" data-linkuuid="DD8F6B8E646847A6AAC040B697CE9D14">First Jump</a></li>
<li><a class="main item3" href="pricing.html" data-linkuuid="08A0510E0003488FACDCDCC0DB586387">Pricing</a></li>
<li><a class="main item4" href="faq.html" data-linkuuid="9BFF5BEBE18048878ED75F8A26F5D4A6">FAQ</a></li>
<li style="margin-right: 0px;" class="last"><a class="main item5" href="book.html" data-linkuuid="4A0667A0375342E7B1559913B174E2F5">Book Now</a></li>
</ul>
</div>
</div>
<div style="position: relative;">
<div class="shape_5" style="left: 194px; top: 75px; width: 125px; height: 54px; z-index: 5; position: absolute;">
<div class="paraWrap" style="padding: 0px 2.16px 0px 2.16px;">
<p class="para1">
<span style="line-height: 22px;" class="linkStyle_11"><a href="tel:5086815286" class="linkStyle_11">508-681-5286</a></span>
</p>
</div>
</div>
</div>
<div style="position: relative;">
<div class="shape_6" style="left: 6px; top: 6px; width: 101px; height: 101px; z-index: 6; position: absolute;">
<picture>
<source srcset="masterfiles/master/images/logosd.webp 1x, masterfiles/master/images/logosd@2x.webp 2x" type="image/webp" />
<img src="masterfiles/master/images/logosd.png" height="101" width="101" alt="Skydive the Mills logo" srcset="masterfiles/master/images/logosd.png 1x, masterfiles/master/images/logosd@2x.png 2x" />
</picture>
</div>
</div>
</header>
<div class="shape_0" style="left: 0; top: 0px; width: 100%; min-width: 1100px; min-height: 108px; z-index: 0; position: absolute;"></div>
<div class="shape_2" style="left: 0; top: 1181px; width: 100%; min-width: 1100px; min-height: 88px; z-index: 2; position: absolute;"></div>
<div class="content" data-minheight="900">
<div style="position: relative;">
<div class="shape_7" style="left: 0px; top: 129px; width: 1101px; height: 713px; z-index: 7; position: absolute;">
<picture>
<source srcset="images/index/hero.webp" type="image/webp" />
<img src="images/index/hero.JPG" height="713" width="1101" alt="skydiver having fun" />
</picture>
</div>
</div>
<div style="position: relative;">
<div class="shape_8" style="left: 15px; top: 857px; width: 879px; height: 59px; z-index: 8; position: absolute;">
<div class="paraWrap" style="padding: 0px 2.16px 0px 2.16px;">
<h1 class="para1"><span style="line-height: 49px;" class="Style14">Booking Tandem Skydiving for Summer 2024!</span></h1>
</div>
</div>
</div>
<div style="position: relative;">
<a href="https://book.peek.com/s/d1bf31f1-3602-4676-a4f9-20ee71f5e195/dzLYq" target="_blank" class="outerlink">
<div class="shape_9" style="left: 37px; top: 303px; width: 160px; height: 160px; z-index: 9; position: absolute;">
<picture>
<source srcset="images/index/gift2024 - 2.webp" type="image/webp" />
<img src="images/index/gift2024 - 2.png" height="160" width="160" alt="Click here to book a skydive" />
</picture>
</div>
</a>
</div>
<div style="position: relative;">
<div class="shape_10" style="left: 50px; top: 919px; width: 970px; height: 261px; z-index: 10; position: absolute;">
<div class="paraWrap" style="padding: 0px 2.16px 0px 2.16px;">
<p class="para15">
<span style="line-height: 22px;" class="Style16">
Have you always wanted to skydive? Take a leap and jump with us! We specialize in tandem skydives and first time jumpers. You'll get a world class skydive experience here. Our instructors and staff are
professionals, USPA certified, very friendly, and come back every year.
</span>
</p>
<p class="para15">
<span style="line-height: 22px;" class="Style16">
Skydive the Mills, located at historic Cape Cod Airfield, is a short, one hour drive from Boston, MA and Providence, RI. Our drop zone offers spectacular views of Cape Cod, the Islands, and the Boston
skyline.
</span>
</p>
<p class="para15">
<span style="line-height: 22px;" class="Style16">
Bring your family and friends out to the airfield and make a day of your adventure. Everyone, even non-jumpers, will have a great time. After your jump you can hit the beach, try one of the Cape's great
seafood restaurants, or check out the nightlife in town.
</span>
</p>
<p class="para15"><span style="line-height: 22px;" class="Style16">Find out why Skydive the Mills is the #1 choice for tandem skydiving in Massachusetts.</span></p>
<p style="font-size: 0; text-align: left; padding-bottom: 7px; margin-top: 0px; padding-top: 0px;" class="Style17">
<span style="line-height: 22px;"><br /></span>
</p>
</div>
</div>
</div>
</div>
<footer data-top="1179" data-height="90">
<div style="position: relative;">
<div class="shape_4" style="left: 0px; top: 1208px; width: 1100px; height: 33px; z-index: 4; position: absolute;">
<div class="paraWrap" style="padding: 0px 2.16px 0px 2.16px;">
<p class="para3">
<span style="line-height: 19px;" class="Style4">
Skydive the Mills At Cape Cod Airfield 1000 Race
Lane Marstons Mills, MA 02648
</span>
<span style="line-height: 19px;" class="linkStyle_5"><a href="tel:5086815286" class="linkStyle_5">508-681-5286</a></span>
<span style="line-height: 19px;" class="Style4"> </span>
<span style="line-height: 19px;" class="linkStyle_8"><a href="mailto:info@skydivethemills.com?subject=Skydiving" class="linkStyle_8">info@skydivethemills.com</a></span>
</p>
</div>
</div>
</div>
</footer>
</div>
<!-- Default Statcounter code for Skydivethemills
http://www.skydivethemills.com/ -->
<script type="text/javascript">
var sc_project = 11984171;
var sc_invisible = 0;
var sc_security = "68712744";
</script>
<script type="text/javascript" src="https://www.statcounter.com/counter/counter.js" async></script>
<noscript>
<div class="statcounter">
<a title="Web Analytics" href="https://statcounter.com/" target="_blank"><img class="statcounter" src="https://c.statcounter.com/11984171/0/68712744/1/" alt="Web Analytics" /></a>
</div>
</noscript>
<!-- End of Statcounter Code -->
</body>
</html>
cootheadThis post has been edited by coothead: Apr 11 2024, 06:26 PM