Coming Soon Not Working on Mobile - by CJMillar82

This topic has 27 replies, 3 voices, and was last updated 8 years, 6 months ago ago by Eva Kemp

  • Avatar: CJMillar82
    CJMillar82
    Participant
    June 15, 2016 at 03:38

    http://legereequestrian.com.horseflydigital.com/home-coming-soon/

    Not mobile responsive correctly in that you can’t see the countdown timer on the site on mobile, not sure why. Mobile will be a HUGE traffic driver for us, pre-launch. Thanks!

    26 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    June 15, 2016 at 09:32

    Hello,

    Please add this code in custom.css file:

    @media (max-width: 480px) {
     .page-template-blank .vc_column_container {
        width: 100%;
    }}

    Regards,
    Eva Kemp.

    Avatar: CJMillar82
    CJMillar82
    Participant
    June 15, 2016 at 15:49

    Hmm, I added it but now I can’t get it to load at all (which may be a different issue). Not sure why page load is so slow…

    Avatar: CJMillar82
    CJMillar82
    Participant
    June 15, 2016 at 16:06

    Ok so the page now loads on mobile however:

    1) it loads incredibly slow despite decreasing background image size
    2) the counter still doesn’t display properly
    3) overall the image and copy doesn’t resize to fit the mobile screen which is weird because it is supposed to be mobile responsive

    I did have multiple colleagues test this in various locations on various levels of internet connection and everyone sees the site load fine on desktop, but very slowly on mobile – 5 to 6 seconds or more! And everyone is experiencing the same non-responsive issue on mobile that I am seeing. Let me know if you need a screen shot. Thanks for all of your help!

    Avatar: CJMillar82
    CJMillar82
    Participant
    June 15, 2016 at 17:41

    NEVERMIND! GoDaddy (ugh) just crashed. It’s an issue with their servers.

    The other two issues are still outstanding though (can’t see counter / not responsive on mobile). TY

    Avatar: Eva
    Eva Kemp
    Support staff
    June 15, 2016 at 17:42

    Hello,

    Please provide us with with wp-admin panel credentials in Private Content.

    Regards,
    Eva Kemp.

    Avatar: CJMillar82
    CJMillar82
    Participant
    June 15, 2016 at 17:49

    Here they are thanks 🙂

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 15, 2016 at 17:59

    Hello,

    The credentials are incorrect.
    Please check them.

    Best regards,
    Jack Richardson.

    Avatar: CJMillar82
    CJMillar82
    Participant
    June 15, 2016 at 18:03

    Fixed sorry!

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 15, 2016 at 19:54

    Hello,

    I’ve added this code in child style.css file for counter:

    .et-timer .time-block {
        width: 90px;
    }
    .et-timer .timer-devider {
       margin: 20px 5px 0 5px;
    }

    Please check it on mobile now.

    Best regards,
    Jack Richardson.

    Avatar: CJMillar82
    CJMillar82
    Participant
    June 15, 2016 at 22:46

    I checked and it still doesn’t work on mobile at all. The counter is cut off entirely and the image doesn’t resize the way it should. I tried to add a screen shot here – iphone6s screen shot

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 16, 2016 at 09:05

    Hello,

    We can’t access your site now:
    http://storage7.static.itmages.com/i/16/0616/h_1466064200_9014254_0f6a862701.jpeg

    Have you deleted the installation?

    Best regards,
    Jack Richardson.

    Avatar: CJMillar82
    CJMillar82
    Participant
    June 16, 2016 at 16:24

    It works for us?

    Legereequestrian.com (it redirects now to the live site).

    Can you please check again.

    Avatar: CJMillar82
    CJMillar82
    Participant
    June 16, 2016 at 16:43

    You can see it still live as well and the counter is cut off on mobile.

    Avatar: Eva
    Eva Kemp
    Support staff
    June 16, 2016 at 18:13

    Hello,

    Please use this code in custom.css file:

    @media (max-width: 736px) {
      .page-template-blank .vc_column_container {
        width: 100%;
    }}

    Regards,
    Eva Kemp.

    Avatar: CJMillar82
    CJMillar82
    Participant
    June 16, 2016 at 23:40

    I tried that code with the other codes you gave me previously, as well as alone, and neither works. The image still looks the same on mobile as I posted above. No counter, can’t see what the background image is, and the background is totally zoomed in rather than fit to screen. :/

    Screen shot hasn’t changed at all – tried both connected to wi-fi as well as via LTE and cleared cache. Colleagues throughout the country are seeing the same thing that I am as well.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 17, 2016 at 11:32

    Hello,

    Please try the following css code in custom.css:

    @media (min-device-width : 640px) 
    and (max-device-width : 1024px) 
    and (orientation : landscape) {
    
    	.coming-soon-legenda p {
    		font-size: 18px;
    	}
    
    	.coming-soon-legenda .et-timer .time-block span {
    		font-size: 20px;
    	}
    
    	.coming-soon-legenda .et-timer .timer-devider {
    		margin: 20px 10px 0 10px !important;
    	}
            .vc_custom_1466026391309 {
                    background-size: contain !important;
            }
    }

    Best regards,
    Jack Richardson.

    Avatar: CJMillar82
    CJMillar82
    Participant
    June 17, 2016 at 14:33

    Still looks the same :/

    Refreshed a few times, on both LTE and wi-fi, on different devices and still can’t see timer and background image is zoomed in (same as screenshot above).

    Avatar: Eva
    Eva Kemp
    Support staff
    June 21, 2016 at 08:39

    Hello,

    I’ve edited the code in child style.css file and now I see site on landscape mobile this way:
    http://storage5.static.itmages.com/i/16/0621/h_1466494554_4269385_720f38e645.jpeg

    Clear browser cache and check from your side.

    Regards,
    Eva Kemp.

    Avatar: CJMillar82
    CJMillar82
    Participant
    June 21, 2016 at 18:52

    so weird. it works better in portrait view, but not in landscape view for two different iPhones in two different states. it may just not be worth the stress as we’ve got like 17 days left, it’s just frustrating (and strange!). thank you for your help.

    Avatar: Eva
    Eva Kemp
    Support staff
    June 22, 2016 at 10:08

    Hello,

    Could you please show a screenshot how you see the site in landscape mode now?

    Regards,
    Eva Kemp.

    Avatar: CJMillar82
    CJMillar82
    Participant
    June 22, 2016 at 15:41

    Here you go – I just took these today from my iPhone6s and had someone with a different phone check and they saw the same thing.


    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    June 23, 2016 at 11:05

    Hello,

    We’ve made some customizations.
    Please check the site now.

    Best regards,
    Jack Richardson.

    Avatar: CJMillar82
    CJMillar82
    Participant
    June 24, 2016 at 20:03

    It’s still weird now the words are jumbled. Honestly idk if it’s worth this much work for just a few weeks of a coming soon site (but perhaps is something that can be fixed for future releases?) I really do appreciate all of your help!

    Avatar: Eva
    Eva Kemp
    Support staff
    June 24, 2016 at 20:37

    Hello,

    Unfortunately we can’t replicate the issue.
    Here are the screenshots how we see your site now:
    http://prntscr.com/bjxaed
    http://prntscr.com/bjxal0

    Regards,
    Eva Kemp.

    Avatar: CJMillar82
    CJMillar82
    Participant
    June 24, 2016 at 20:40

    ok – what devices are you on? Has anyone else tried an iPhone6 or 6s? That’s the issue we have (multiple people). Thanks

    Avatar: Eva
    Eva Kemp
    Support staff
    June 27, 2016 at 13:37

    Hello,

    You should edit zoom value for different media queries. We added custom example code, but you need set it as you want.
    Large content on such page creates some difficulties with its location.

    Regards,
    Eva Kemp.

  • Viewing 27 results - 1 through 27 (of 27 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.