• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Parallax Pro site not loading on phone

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Parallax Pro site not loading on phone

This topic is: not resolved

Tagged: theme

  • This topic has 5 replies, 2 voices, and was last updated 4 years, 5 months ago by Victor Font.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 26, 2018 at 12:00 pm #224002
    Jay
    Member

    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
    October 26, 2018 at 1:00 pm #224005
    Victor Font
    Moderator

    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?

    October 26, 2018 at 3:54 pm #224008
    Jay
    Member

    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

    October 26, 2018 at 4:16 pm #224009
    Jay
    Member

    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

    October 26, 2018 at 4:17 pm #224010
    Jay
    Member

    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

    October 27, 2018 at 5:14 am #224014
    Victor Font
    Moderator

    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
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Parallax Pro site not loading on phone’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble