Basically, I am currently trying to replace my current home page for jaysmetal.com with the current home page of https://jaysmetalstructural.com/ . It is designed using elementor (last guy at the job created it). I have successfully clone the home page of jaysmetalstructural to jaysmetal.com. I currently have to set it to private because whenever I set it to public it adds it as new menu item despite removing it manually from the menu structure
<!-- wp:columns {"verticalAlignment":"top","align":"wide"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-top"><!-- wp:column {"verticalAlignment":"top","width":"100%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:100%"><!-- wp:html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home</title>
<style>
.wp-block-spacer {
display: none !important;
}
body, html {
margin: 0;
padding: 0;
height: 100%;
font-family: 'Haboro Contrast', sans-serif;
}
.main-container {
display: flex;
justify-content: center;
align-items: stretch;
height: 100%;
}
.section-container {
flex: 1;
padding: 40px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 20px;
}
.image-container {
width: 100%;
max-width: 276px;
height: 400px;
overflow: hidden;
}
.product-image {
width: 100%;
height: 100%;
object-fit: cover;
}
.section-text {
font-size: 32px;
font-weight: 800;
text-transform: uppercase;
line-height: 41.60px;
word-wrap: break-word;
text-align: center;
}
.structural-steel {
background: black;
color: white;
}
.steel-framing {
background: white;
color: black;
}
.architectural-panels {
background: #D8202B;
color: white;
}@media (max-width: 768px) {
.main-container {
flex-direction: column;
height: auto;
}
.section-container {
height: 450px;
}
.image-container {
max-width: 100%;
height: 300px;
}
}
</style>
</head>
<body>
<div class="main-container">
<div class="section-container structural-steel">
<a href="https://jaysmetalstructural.com/structural-steel/">
<div class="image-container">
<img class="product-image" src="https://projectdmc.org/wp-content/uploads/2024/08/StructuralSteel.png" alt="Structural Steel">
</div>
</a>
<div class="section-text">Structural Steel</div>
</div>
<div class="section-container steel-framing">
<a href="https://jaysmetalstructural.com/steel-framing/">
<div class="image-container">
<img class="product-image" src="https://projectdmc.org/wp-content/uploads/2024/08/SteelFraming.png" alt="Steel Framing">
</div>
</a>
<div class="section-text">Steel Framing</div>
</div>
<div class="section-container architectural-panels">
<a href=""></a>
<div class="image-container">
<img class="product-image" src="https://projectdmc.org/wp-content/uploads/2024/08/ArchitecturalPanels.png" alt="Architectural Panels">
</div>
<div class="section-text">Architectural Panels</div>
</div>
</div>
</body>
</html>
<!-- /wp:html --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
I can’t change the current home page to jaysmetal.com/ArchitecturalPanels
In addition I want to hide my footer for the home page so I changed the visibility
But on the preview page, the footer still show
The page I need help with: [log in to see the link]