Hello @bmahoney59,
In your live site, you have added this custom CSS in Appearance > Customize > Additional CSS:
.home-page-service-list-box{}
.home-page-arrow {
font-size: 15px;
color: white;
transform: rotate(40deg);
display: inline-block;
vertical-align: top;
margin-top: 10px;
margin-right: 5px;
}
.home-page-arrow:hover,.services:hover{color:#ffb845 !important;}
.home-page-service-list-box h2 span:hover .home-page-arrow{color:#ffb845 !important;}
.help-icons{
width: 35px;
height: 35px;
margin-top: -7px;
margin-right: 5px;
}
body .x-navbar .desktop .x-nav > li > a {
display: flex;
align-items: flex-end;
padding-bottom: 5px;
}
footer.x-colophon.bottom {
background: transparent;
}
h6 {
margin: 0;
text-transform: none;
}
@media only screen and (min-width: 1025px) and (max-width: 1365px) {
.vdlinkew {
width: 100%;
margin-top: -88px;
min-height: 222px;
}
@media only screen and (min-width: 1366px) and (max-width: 1623px) {
.vdlinkew {
width: 100%;
margin-top: -88px;
min-height: 222px;
}
@media only screen and (min-width: 1624px) and (max-width: 1920px) {
.vdlinkew {
width: 100%;
margin-top: -88px;
min-height: 222px;} }
While in your staging site, you only have this code:
/*
You can add your own CSS here.
Click the help icon above to learn more.
*/
.emodal-overlay{
background-color: #111 !important;
opacity: 0.87;}
.eg-ajax-target{font-family: "Lato",sans-serif;}
#eModal-1{border:10px solid #ccc;}
See the secure note.
What this means is that you may not have cloned the site properly. kindly check out this documentation so that you can migrate your live site to the staging site and then you can update the X theme and the Cornerstone plugin.
Best Regards.