Parallax Pro site not loading on phone

[Jay]

Hello everyone -

My site below won't load on my phone. I have done some Custom CSS, but don't find any the I think is causing an issue. I have loaded my Custom CSS below. Thanks in advance for any assistance! Jay (ps - please only laugh to yourself over my poor coding skills!)

/* Navigation Menu Changes */

/* Change Nav Padding between items */

.genesis-nav-menu a {
color: #528faa;
display: block;
font-family: 'Quicksand', sans-serif;
font-size: 14px;
font-size: 1.2rem;
font-weight: 500;
letter-spacing: 1px;
padding: 27px 5px;
}

#settingsMenu{
display: none;
width: 100%;
}

/* Change Site Header Color */

.site-header {
background-color: #000;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
height: 130px;
}

/*Change Font Size for Login */

.site-header .widget-area, .site-header .widget-area a, .site-header .widget-area  h4{
color:#fff;
}

/* Change Nav Dropdowns Bkg Color */

.genesis-nav-menu .sub-menu a {
background-color: #000;
padding:20px;
position: relative;
}

.genesis-nav-menu .sub-menu a:hover {
color: #00a;
}

/* Home Page Changes */

/* Even Sections to Blue Background */

.home-even {
background-color: #2461aa;
}

/* Home Even Sections Padding */
.home-even {
padding: 30px 0 0px;
}

/* Home Odd Sections Padding */
.home-odd {
padding: 300px 0;
}

/* Change Contact Form to Horizontal */

#wpcf7-f229-p188-o1{
background-color:red;
display:inline;
}

/* White Shadow Box Behind Text in Home Page Section 3 */

#text-10 {
background: rgba(255, 255, 255, 0.7);
}

/* Fix background on Home Section 1 */

.home-section-1 {
background-color: #e54d42;
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
padding: 60px 0px 0px 0px;
margin-bottom: -120px;

}

/* Home Section 2 Blue Background */
.home-section-2 {
background-color: #e54d42;
padding: 10px 0px 0px;
margin-bottom: -100px;

}

/* Fix background on Home Section 3 */

.home-section-3 {
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
padding: 30px 0px 10px 0px;
margin-bottom: 0px;
}

/* Change Section 4 Bkg White */

.home-section-4 {
background-color: rgba(36, 97, 170, 0.5);
}

/* Move Schedule Service Form to Right */

body .cf7-style.cf7-style-237 {
width: 1000px;
margin-left: 70px;
}

/* Inside Pages */

/* Change Font and Background Color in Body */

body {
background-color: #d9eafc;
color: #000;
font-family: 'quicksand', sans-serif;
font-size: 30px;
font-size: 2.6rem;
font-weight: 550;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button {
background-color: #000;
border: none;
color: #3a7dc0;
cursor: pointer;
font-family: 'Quicksand', sans-serif;
font-size: 24px;
font-size: 1.4rem;
font-weight: 500;
letter-spacing: 1px;
padding: 20px;
text-transform: uppercase;
white-space: normal;
-webkit-font-smoothing: antialiased;
}

.gallery-item {
float: left;
margin: 0;
padding: 18px 18px;
text-align: center;
width: 100%;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button {
background-color: #3a7dc0;
border: none;
color: #ffffff;
cursor: pointer;
font-family: 'Quicksand', sans-serif;
font-size: 24px;
font-size: 1.4rem;
font-weight: 500;
letter-spacing: 1px;
padding: 20px;
text-transform: uppercase;
white-space: normal;
-webkit-font-smoothing: antialiased;
}

http://rushplumbingheatingandair.com

[Victor Font]

It looks like you have a separate theme altogether for mobile. It doesn't seem to be using Parallax Pro for mobile. When I inspect what's happening on my iPhone with desktop Safari development tools, the site is actually loading but without any content. There's no need to use separate mobile themes with the Genesis Framework and Studio Press themes.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Jay]

Thank you Victor. I have absolutely no idea how that happened! Would it be best for me to activate the Genesis theme, then back to the Parallax theme for both?

Thanks!

Jay

[Jay]

Thank you Victor.

I have absolutely no idea how that happened! Would it be best for me to activate the Genesis theme, then back to the Parallax theme for both?

Thanks!

Jay

[Jay]

Thank you Victor.

I have absolutely no idea how that happened! Would it be best for me to activate the Genesis theme, then back to the Parallax Pro theme for both?

Thanks!

Jay

[Victor Font]

No. You never want to use the Genesis Framework without a child theme.

Do you have JetPack installed. Jetpack has a feature that can apply a different mobile theme other then the primary theme.

You may also have some other plugin doing this. You also have a link at the top of the page to Use Mobile App. This link changes the theme as well.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts