Stop elementor from injecting tag into my page
-
Basically, after all the struggling, I got the preview to look exactly what I want structure wise. The image should be bigger but will worried about it later. This new home page is created using “raw html” however majority of the page is created using elementor. (boss decision) It took me awhile to get the preview to look exactly the same but when it comes to the site actual render elementor injected a bunch of <p> tag causing spacing issue
how the site actually render As you can see how the actual site render is quite different from the preview render
<!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>
body, html {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
font-family: 'Haboro Contrast', sans-serif;
}
/* Reset spacing for p, br, and title elements */
p, br, title {
margin: 0;
padding: 0;
line-height: 0;
font-size: 0;
}
.main-container {
display: flex;
height: 100vh;
width: 100vw;
}
.section-container {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding: 20px;
box-sizing: border-box;
}
.image-wrapper {
flex-grow: 1;
display: flex;
align-items: center;
justify-content: center;
}
.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;
margin-top: 20px;
}
.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 {
min-height: 100vh;
}
.image-container {
max-width: 100%;
height: 300px;
}
}
</style>
</head>
<body>
<div class="main-container">
<div class="section-container structural-steel">
<div class="image-wrapper">
<a href="/structural-steel/" class="image-container">
<img class="product-image" src="/wp-content/uploads/2024/08/StructuralSteel.png" alt="Structural Steel">
</a>
</div>
<div class="section-text">Structural Steel</div>
</div>
<div class="section-container steel-framing">
<div class="image-wrapper">
<a href="/steelframing-new/" class="image-container">
<img class="product-image" src="/wp-content/uploads/2024/08/SteelFraming.png" alt="Steel Framing">
</a>
</div>
<div class="section-text">Steel Framing</div>
</div>
<div class="section-container architectural-panels">
<div class="image-wrapper">
<a href="/architecturalpanels/" class="image-container">
<img class="product-image" src="/wp-content/uploads/2024/08/ArchitecturalPanels.png" alt="Architectural Panels">
</a>
</div>
<div class="section-text">Architectural Panels</div>
</div>
</div>
</body>
</html>The page I need help with: [log in to see the link]
Viewing 9 replies - 1 through 9 (of 9 total)
-
I found this article but not sure how to fully implement it
How to disable Elementor for specific pages? (wpmichael.com)
I can’t find the page id
the page id will be one of the parameters in the url when you edit the page
@edicodesign the url is just the main page so I can’t find page id
Can you screenshot the page when you’re in Edit mode, when you edit with WordPress editor not elementor?
Also are you using elementor header and footer builder ?
@edicodesign Yes, I am using elementor header and footer builder. The default editor screenshot is same as the last one I posted Imgur: The magic of the Internet
so the way these templates are built is elementor deals with the doctype and the head and body tags. How are you getting this html preview on the wordpress editor if you’re building the header with the header and footer theme builder? Usually it just has an elementor logo in that content area of you’ve built w elementor. I think you are nesting your code within the body tag that wordpress/elementor takes care of.
open your dev tools and take a look at the html structure
i keant screenshot so I can see the url bar and tell you the page Id
-
This reply was modified 2 months ago by
Ceecee.
doesn’t look like there’s anyone from elementor to actually help. They just post to put in a support ticket if you’re pro but don’t comment to give any suggestions otherwise. Reason 1025 elementor support is lame
@edicodesign the pro subscription long expired.
<!doctype html>
<html lang="en-CA">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" >
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<!-- This site is optimized with the Yoast SEO plugin v23.4 - https://yoast.com/wordpress/plugins/seo/ -->
<title>NEW HOME PAGE - Jays Metal</title>
<link rel="canonical" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="NEW HOME PAGE - Jays Metal" />
<meta property="og:description" content="Home Structural Steel Steel Framing Architectural Panels" />
<meta property="og:url" content="https://www.jaysmetal.com/" />
<meta property="og:site_name" content="Jays Metal" />
<meta property="article:modified_time" content="2024-09-10T13:37:46+00:00" />
<meta name="twitter:card" content="summary_large_image" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.jaysmetal.com/","url":"https://www.jaysmetal.com/","name":"NEW HOME PAGE - Jays Metal","isPartOf":{"@id":"https://www.jaysmetal.com/#website"},"about":{"@id":"https://www.jaysmetal.com/#organization"},"datePublished":"2023-06-09T17:54:08+00:00","dateModified":"2024-09-10T13:37:46+00:00","breadcrumb":{"@id":"https://www.jaysmetal.com/#breadcrumb"},"inLanguage":"en-CA","potentialAction":[{"@type":"ReadAction","target":["https://www.jaysmetal.com/"]}]},{"@type":"BreadcrumbList","@id":"https://www.jaysmetal.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://www.jaysmetal.com/#website","url":"https://www.jaysmetal.com/","name":"Jays Metal","description":"Calgary & Edmonton Best Metal Products","publisher":{"@id":"https://www.jaysmetal.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.jaysmetal.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-CA"},{"@type":"Organization","@id":"https://www.jaysmetal.com/#organization","name":"Jays Metal","url":"https://www.jaysmetal.com/","logo":{"@type":"ImageObject","inLanguage":"en-CA","@id":"https://www.jaysmetal.com/#/schema/logo/image/","url":"https://www.jaysmetal.com/wp-content/uploads/2023/01/Wordmarks_Jays-Metal_Medium.png","contentUrl":"https://www.jaysmetal.com/wp-content/uploads/2023/01/Wordmarks_Jays-Metal_Medium.png","width":900,"height":665,"caption":"Jays Metal"},"image":{"@id":"https://www.jaysmetal.com/#/schema/logo/image/"}}]}</script>
<!-- / Yoast SEO plugin. -->
<link rel="alternate" type="application/rss+xml" title="Jays Metal » Feed" />
<link rel="alternate" type="application/rss+xml" title="Jays Metal » Comments Feed" />
<link rel='stylesheet' id='hello-elementor-css' media='all' />
<link rel='stylesheet' id='hello-elementor-theme-style-css' media='all' />
<link rel='stylesheet' id='hello-elementor-header-footer-css' media='all' />
<link rel='stylesheet' id='elementor-frontend-css' media='all' />
<link rel='stylesheet' id='elementor-post-6-css' media='all' />
<link rel='stylesheet' id='elementor-icons-css' media='all' />
<link rel='stylesheet' id='swiper-css' media='all' />
<link rel='stylesheet' id='e-swiper-css' media='all' />
<link rel='stylesheet' id='elementor-pro-css' media='all' />
<link rel='stylesheet' id='elementor-global-css' media='all' />
<link rel='stylesheet' id='elementor-post-35-css' media='all' />
<link rel='stylesheet' id='elementor-post-58-css' media='all' />
<link rel='stylesheet' id='google-fonts-1-css' media='all' />
<link rel='stylesheet' id='elementor-icons-shared-0-css' media='all' />
<link rel='stylesheet' id='elementor-icons-fa-solid-css' media='all' />
<link rel='stylesheet' id='elementor-icons-fa-brands-css' media='all' />
<link rel="preconnect" crossorigin><script src="https://www.jaysmetal.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script src="https://www.jaysmetal.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<link rel="https://api.w.org/" /><link rel="alternate" title="JSON" type="application/json" /><link rel="EditURI" type="application/rsd+xml" title="RSD" />
<meta name="generator" content="WordPress 6.6.2" />
<link rel='shortlink' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" />
<!-- start Simple Custom CSS and JS -->
<style>
/* Add your CSS code here.
For example:
.example {
color: red;
}
For brushing up on your CSS knowledge, check out https://www.w3schools.com/css/css_syntax.asp
End of comment */
.takeprint_access, .takeprint_flash {
width: 100%;
background: #d3292a;
border: none;
color: white;
border-radius: 0;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}
</style>
<!-- end Simple Custom CSS and JS -->
<script>
document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
</script>
<style>
.no-js img.lazyload {
display: none;
}
figure.wp-block-image img.lazyloading {
min-width: 150px;
}
.lazyload, .lazyloading {
opacity: 0;
}
.lazyloaded {
opacity: 1;
transition: opacity 400ms;
transition-delay: 0ms;
}
</style>
<meta name="generator" content="Elementor 3.24.3; features: additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap">
<style>
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
@media screen and (max-height: 1024px) {
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
@media screen and (max-height: 640px) {
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
background-image: none !important;
}
}
</style>
<link rel="icon" sizes="32x32" />
<link rel="icon" sizes="192x192" />
<link rel="apple-touch-icon" />
<meta name="msapplication-TileImage" content="https://www.jaysmetal.com/wp-content/uploads/2023/02/cropped-Favicon-270x270.png" />
<style id="wpforms-css-vars-root">
:root {
--wpforms-field-border-radius: 3px;
--wpforms-field-border-style: solid;
--wpforms-field-border-size: 1px;
--wpforms-field-background-color: #ffffff;
--wpforms-field-border-color: rgba( 0, 0, 0, 0.25 );
--wpforms-field-border-color-spare: rgba( 0, 0, 0, 0.25 );
--wpforms-field-text-color: rgba( 0, 0, 0, 0.7 );
--wpforms-field-menu-color: #ffffff;
--wpforms-label-color: rgba( 0, 0, 0, 0.85 );
--wpforms-label-sublabel-color: rgba( 0, 0, 0, 0.55 );
--wpforms-label-error-color: #d63637;
--wpforms-button-border-radius: 3px;
--wpforms-button-border-style: none;
--wpforms-button-border-size: 1px;
--wpforms-button-background-color: #066aab;
--wpforms-button-border-color: #066aab;
--wpforms-button-text-color: #ffffff;
--wpforms-page-break-color: #066aab;
--wpforms-background-image: none;
--wpforms-background-position: center center;
--wpforms-background-repeat: no-repeat;
--wpforms-background-size: cover;
--wpforms-background-width: 100px;
--wpforms-background-height: 100px;
--wpforms-background-color: rgba( 0, 0, 0, 0 );
--wpforms-background-url: none;
--wpforms-container-padding: 0px;
--wpforms-container-border-style: none;
--wpforms-container-border-width: 1px;
--wpforms-container-border-color: #000000;
--wpforms-container-border-radius: 3px;
--wpforms-field-size-input-height: 43px;
--wpforms-field-size-input-spacing: 15px;
--wpforms-field-size-font-size: 16px;
--wpforms-field-size-line-height: 19px;
--wpforms-field-size-padding-h: 14px;
--wpforms-field-size-checkbox-size: 16px;
--wpforms-field-size-sublabel-spacing: 5px;
--wpforms-field-size-icon-size: 1;
--wpforms-label-size-font-size: 16px;
--wpforms-label-size-line-height: 19px;
--wpforms-label-size-sublabel-font-size: 14px;
--wpforms-label-size-sublabel-line-height: 17px;
--wpforms-button-size-font-size: 17px;
--wpforms-button-size-height: 41px;
--wpforms-button-size-padding-h: 15px;
--wpforms-button-size-margin-top: 10px;
--wpforms-container-shadow-size-box-shadow: none;
}
</style></head>
<body class="home page-template-default page page-id-1611 wp-custom-logo elementor-default elementor-kit-6">
<a class="skip-link screen-reader-text" href="#content">Skip to content</a>
<div data-elementor-type="header" data-elementor-id="35" class="elementor elementor-35 elementor-location-header" data-elementor-post-type="elementor_library">
<section class="elementor-section elementor-top-section elementor-element elementor-element-e64c358 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="e64c358" data-element_type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ae38a70" data-id="ae38a70" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-980083f elementor-widget elementor-widget-theme-site-logo elementor-widget-image" data-id="980083f" data-element_type="widget" data-widget_type="theme-site-logo.default">
<div class="elementor-widget-container">
<a >
<img width="900" height="665" data-src="https://www.jaysmetal.com/wp-content/uploads/2023/01/Wordmarks_Jays-Metal_Medium.png" class="attachment-full size-full wp-image-5238 lazyload" alt="" data-srcset="https://www.jaysmetal.com/wp-content/uploads/2023/01/Wordmarks_Jays-Metal_Medium.png 900w, https://www.jaysmetal.com/wp-content/uploads/2023/01/Wordmarks_Jays-Metal_Medium-300x222.png 300w, https://www.jaysmetal.com/wp-content/uploads/2023/01/Wordmarks_Jays-Metal_Medium-768x567.png 768w" data-sizes="(max-width: 900px) 100vw, 900px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900/665;" /><noscript><img width="900" height="665" src="https://www.jaysmetal.com/wp-content/uploads/2023/01/Wordmarks_Jays-Metal_Medium.png" class="attachment-full size-full wp-image-5238" alt="" srcset="https://www.jaysmetal.com/wp-content/uploads/2023/01/Wordmarks_Jays-Metal_Medium.png 900w, https://www.jaysmetal.com/wp-content/uploads/2023/01/Wordmarks_Jays-Metal_Medium-300x222.png 300w, https://www.jaysmetal.com/wp-content/uploads/2023/01/Wordmarks_Jays-Metal_Medium-768x567.png 768w" sizes="(max-width: 900px) 100vw, 900px" /></noscript> </a>
</div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-cb815ee" data-id="cb815ee" data-element_type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-fea0ad4 elementor-nav-menu__align-center elementor-nav-menu--stretch elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="fea0ad4" data-element_type="widget" data-settings="{"full_width":"stretch","layout":"horizontal","submenu_icon":{"value":"<i class=\"fas fa-caret-down\"><\/i>","library":"fa-solid"},"toggle":"burger"}" data-widget_type="nav-menu.default">
<div class="elementor-widget-container">
<nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-fade">
<ul id="menu-1-fea0ad4" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-1611 current_page_item menu-item-5455"><a aria-current="page" class="elementor-item elementor-item-active">HOME</a></li>
<li class="sub-menu-columns menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-33"><a class="elementor-item">ROOFING & CLADDING</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-858"><a class="elementor-sub-item">PRO 7</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-864"><a class="elementor-sub-item">ICON PANEL</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-863"><a class="elementor-sub-item">AVANI PLANK</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-862"><a class="elementor-sub-item">UCAD</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-861"><a class="elementor-sub-item">CA 359</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-860"><a class="elementor-sub-item">INTERLOCK 100</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-859"><a class="elementor-sub-item">INTERLOCK 150</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-545"><a class="elementor-sub-item">CURVED</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-606"><a class="elementor-sub-item">MSS 100</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-605"><a class="elementor-sub-item">MSS 150</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-615"><a class="elementor-sub-item">MSS 200</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-614"><a class="elementor-sub-item">AR 243</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-613"><a class="elementor-sub-item">VIVO 300</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-475"><a class="elementor-sub-item">7/8″ CORRUGATED</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-679"><a class="elementor-sub-item">CA 3836/233/233R</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-678"><a class="elementor-sub-item">MASTER 3980/232</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-677"><a class="elementor-sub-item">DURACLAD 936/345</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-676"><a class="elementor-sub-item">CA 9330/266</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-675"><a class="elementor-sub-item">CA8522 LOW RIB</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-674"><a class="elementor-sub-item">ROOF DECK 2425</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-673"><a class="elementor-sub-item">ROOF DECK 3665</a></li>
</ul>
</li>
<li class="sub-menu-columns2 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-908"><a class="elementor-item">STEEL STUD</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1016"><a class="elementor-sub-item">JM LOAD BEARING</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1015"><a class="elementor-sub-item">JM NON LOAD BEARING</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1014"><a class="elementor-sub-item">JM TRACK</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1013"><a class="elementor-sub-item">JM SLOTTED TRACK</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1012"><a class="elementor-sub-item">JM CARRYING CHANNEL</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1011"><a class="elementor-sub-item">7/8″ FURRING CHANNEL</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1010"><a class="elementor-sub-item">STUCCO STOP</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32"><a class="elementor-item">STANDARD FLASHING</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-31"><a class="elementor-item">COLOURS</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30"><a class="elementor-item">GALLERY</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5317"><a class="elementor-item">RESOURCES</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28"><a class="elementor-item">CONTACT</a></li>
</ul> </nav>
<div class="elementor-menu-toggle" role="button" tabindex="0" aria-label="Menu Toggle" aria-expanded="false">
<i aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--open eicon-menu-bar"></i><i aria-hidden="true" role="presentation" class="elementor-menu-toggle__icon--close eicon-close"></i> <span class="elementor-screen-only">Menu</span>
</div>
<nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true">
<ul id="menu-2-fea0ad4" class="elementor-nav-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-1611 current_page_item menu-item-5455"><a aria-current="page" class="elementor-item elementor-item-active" tabindex="-1">HOME</a></li>
<li class="sub-menu-columns menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-33"><a class="elementor-item" tabindex="-1">ROOFING & CLADDING</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-858"><a class="elementor-sub-item" tabindex="-1">PRO 7</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-864"><a class="elementor-sub-item" tabindex="-1">ICON PANEL</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-863"><a class="elementor-sub-item" tabindex="-1">AVANI PLANK</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-862"><a class="elementor-sub-item" tabindex="-1">UCAD</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-861"><a class="elementor-sub-item" tabindex="-1">CA 359</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-860"><a class="elementor-sub-item" tabindex="-1">INTERLOCK 100</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-859"><a class="elementor-sub-item" tabindex="-1">INTERLOCK 150</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-545"><a class="elementor-sub-item" tabindex="-1">CURVED</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-606"><a class="elementor-sub-item" tabindex="-1">MSS 100</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-605"><a class="elementor-sub-item" tabindex="-1">MSS 150</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-615"><a class="elementor-sub-item" tabindex="-1">MSS 200</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-614"><a class="elementor-sub-item" tabindex="-1">AR 243</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-613"><a class="elementor-sub-item" tabindex="-1">VIVO 300</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-475"><a class="elementor-sub-item" tabindex="-1">7/8″ CORRUGATED</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-679"><a class="elementor-sub-item" tabindex="-1">CA 3836/233/233R</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-678"><a class="elementor-sub-item" tabindex="-1">MASTER 3980/232</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-677"><a class="elementor-sub-item" tabindex="-1">DURACLAD 936/345</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-676"><a class="elementor-sub-item" tabindex="-1">CA 9330/266</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-675"><a class="elementor-sub-item" tabindex="-1">CA8522 LOW RIB</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-674"><a class="elementor-sub-item" tabindex="-1">ROOF DECK 2425</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-673"><a class="elementor-sub-item" tabindex="-1">ROOF DECK 3665</a></li>
</ul>
</li>
<li class="sub-menu-columns2 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-908"><a class="elementor-item" tabindex="-1">STEEL STUD</a>
<ul class="sub-menu elementor-nav-menu--dropdown">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1016"><a class="elementor-sub-item" tabindex="-1">JM LOAD BEARING</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1015"><a class="elementor-sub-item" tabindex="-1">JM NON LOAD BEARING</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1014"><a class="elementor-sub-item" tabindex="-1">JM TRACK</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1013"><a class="elementor-sub-item" tabindex="-1">JM SLOTTED TRACK</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1012"><a class="elementor-sub-item" tabindex="-1">JM CARRYING CHANNEL</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1011"><a class="elementor-sub-item" tabindex="-1">7/8″ FURRING CHANNEL</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1010"><a class="elementor-sub-item" tabindex="-1">STUCCO STOP</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32"><a class="elementor-item" tabindex="-1">STANDARD FLASHING</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-31"><a class="elementor-item" tabindex="-1">COLOURS</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30"><a class="elementor-item" tabindex="-1">GALLERY</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5317"><a class="elementor-item" tabindex="-1">RESOURCES</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28"><a class="elementor-item" tabindex="-1">CONTACT</a></li>
</ul> </nav>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<main id="content" class="site-main post-1611 page type-page status-publish hentry">
<div class="page-content">
<div class="wp-block-columns alignwide are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex">
<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no" />
<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;
text-decoration: none; /* Ensure links don't affect layout */
}
.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: 900px) {
.main-container {
flex-direction: column;
height: auto;
}
.section-container {
height: auto;
padding: 20px;
}
.image-container {
max-width: 70%; /* Reduced to 70% of its original size */
height: auto;
aspect-ratio: 276 / 400;
margin: 0 auto; /* Center the image container */
}
.section-text {
font-size: 24px;
line-height: 1.3;
width: 100%;
text-align: center;
}
.architectural-panels .section-text {
display: flex;
flex-direction: column;
}
}
</style>
</head>
<body>
<div class="main-container">
<a href="/structural-steel/" class="section-container structural-steel">
<div class="image-container">
<img decoding="async" class="product-image lazyload" data-src="/wp-content/uploads/2024/09/Structural-SteelResize.png" alt="Structural Steel" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 500px; --smush-placeholder-aspect-ratio: 500/500;"><noscript><img decoding="async" class="product-image" src="/wp-content/uploads/2024/09/Structural-SteelResize.png" alt="Structural Steel"></noscript>
</div>
<div class="section-text">Structural Steel</div>
</a>
<a href="/steelframing-new/" class="section-container steel-framing">
<div class="image-container">
<img decoding="async" class="product-image lazyload" data-src="/wp-content/uploads/2024/09/Steel-StructuralResize.png" alt="Steel Framing" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 500px; --smush-placeholder-aspect-ratio: 500/500;"><noscript><img decoding="async" class="product-image" src="/wp-content/uploads/2024/09/Steel-StructuralResize.png" alt="Steel Framing"></noscript>
</div>
<div class="section-text">Steel Framing</div>
</a>
<a href="/architecturalpanels/" class="section-container architectural-panels">
<div class="image-container">
<img decoding="async" class="product-image lazyload" data-src="/wp-content/uploads/2024/09/Architectural-PanelsResize.png" alt="Architectural Panels" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 500px; --smush-placeholder-aspect-ratio: 500/500;"><noscript><img decoding="async" class="product-image" src="/wp-content/uploads/2024/09/Architectural-PanelsResize.png" alt="Architectural Panels"></noscript>
</div>
<div class="section-text">Architectural Panels</div>
</a>
</div>
</body>
</html>
</div>
</div>
</div>
</main>
<div data-elementor-type="footer" data-elementor-id="58" class="elementor elementor-58 elementor-location-footer" data-elementor-post-type="elementor_library">
</div>
<!-- Head & Footer Code: Site-wide FOOTER section start (type: page; bahavior: append; priority: 10; do_shortcode_f: y) -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/print-js/1.6.0/print.js"></script>
<!-- Head & Footer Code: Site-wide FOOTER section end (type: page; bahavior: append; priority: 10; do_shortcode_f: y) -->
<script type='text/javascript'>
const lazyloadRunObserver = () => {
const lazyloadBackgrounds = document.querySelectorAll(.e-con.e-parent:not(.e-lazyloaded));
const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
entries.forEach( ( entry ) => {
if ( entry.isIntersecting ) {
let lazyloadBackground = entry.target;
if( lazyloadBackground ) {
lazyloadBackground.classList.add( 'e-lazyloaded' );
}
lazyloadBackgroundObserver.unobserve( entry.target );
}
});
}, { rootMargin: '200px 0px 200px 0px' } );
lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
lazyloadBackgroundObserver.observe( lazyloadBackground );
} );
};
const events = [
'DOMContentLoaded',
'elementor/lazyload/observe',
];
events.forEach( ( event ) => {
document.addEventListener( event, lazyloadRunObserver );
} );
</script>
<link rel='stylesheet' id='widget-image-css' media='all' />
<link rel='stylesheet' id='widget-heading-css' media='all' />
<link rel='stylesheet' id='widget-icon-list-css' media='all' />
<link rel='stylesheet' id='widget-text-editor-css' media='all' />
<link rel='stylesheet' id='widget-social-icons-css' media='all' />
<link rel='stylesheet' id='e-apple-webkit-css' media='all' />
<style id='core-block-supports-inline-css'>
.wp-container-core-columns-is-layout-1{flex-wrap:nowrap;}
</style>
<script src="https://www.jaysmetal.com/wp-content/themes/hello-elementor/assets/js/hello-frontend.min.js?ver=3.1.1" id="hello-theme-frontend-js"></script>
<script src="https://www.jaysmetal.com/wp-content/plugins/wp-smushit/app/assets/js/smush-lazy-load.min.js?ver=3.16.6" id="smush-lazy-load-js"></script>
<script src="https://www.jaysmetal.com/wp-content/plugins/elementor-pro/assets/lib/smartmenus/jquery.smartmenus.min.js?ver=1.2.1" id="smartmenus-js"></script>
<script src="https://www.jaysmetal.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.23.3" id="elementor-pro-webpack-runtime-js"></script>
<script src="https://www.jaysmetal.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.24.3" id="elementor-webpack-runtime-js"></script>
<script src="https://www.jaysmetal.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.24.3" id="elementor-frontend-modules-js"></script>
<script src="https://www.jaysmetal.com/wp-includes/js/dist/hooks.min.js?ver=2810c76e705dd1a53b18" id="wp-hooks-js"></script>
<script src="https://www.jaysmetal.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
</script>
<script id="elementor-pro-frontend-js-before">
var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/www.jaysmetal.com\/wp-admin\/admin-ajax.php","nonce":"35d6a4ea77","urls":{"assets":"https:\/\/www.jaysmetal.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/www.jaysmetal.com\/wp-json\/"},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"en_CA","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/www.jaysmetal.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
</script>
<script src="https://www.jaysmetal.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.23.3" id="elementor-pro-frontend-js"></script>
<script src="https://www.jaysmetal.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselWrapperAriaLabel":"Carousel | Horizontal scrolling: Arrow Left & Right","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}},"version":"3.24.3","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"container_grid":true,"e_swiper_latest":true,"e_nested_atomic_repeaters":true,"e_onboarding":true,"theme_builder_v2":true,"hello-theme-header-footer":true,"home_screen":true,"ai-layout":true,"landing-pages":true,"link-in-bio":true,"floating-buttons":true,"display-conditions":true,"form-submissions":true,"taxonomy-filter":true},"urls":{"assets":"https:\/\/www.jaysmetal.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/www.jaysmetal.com\/wp-admin\/admin-ajax.php"},"nonces":{"floatingButtonsClickTracking":"3f1134791b"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description","hello_header_logo_type":"logo","hello_header_menu_layout":"horizontal","hello_footer_logo_type":"logo"},"post":{"id":1611,"title":"NEW%20HOME%20PAGE%20-%20Jays%20Metal","excerpt":"","featuredImage":false}};
</script>
<script src="https://www.jaysmetal.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.24.3" id="elementor-frontend-js"></script>
<script src="https://www.jaysmetal.com/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.23.3" id="pro-elements-handlers-js"></script>
<!-- start Simple Custom CSS and JS -->
<script>
/* Default comment here */
jQuery(document).ready(function( $ ){
$('.takeprint_flash').on('click',function(){
var img = document.getElementById('printflash').src;
printJS({printable: img, type: 'image'});
});
$('.takeprint_access').on('click',function(){
var img = document.getElementById('printAccess').src;
printJS({printable: img, type: 'image'});
});
});</script>
<!-- end Simple Custom CSS and JS -->
</body>
</html><body class="home page-template-default page page-id-1611 wp-custom-logo elementor-default elementor-kit-6">I think the page id is 1611
yes so as you can see , you have another
<!DOCTYPE html><html lang="en"><head>…</head><body>…</body>within your page-content div
-
This reply was modified 2 months ago by
Viewing 9 replies - 1 through 9 (of 9 total)
- You must be logged in to reply to this topic.
