Return to previous page

Coming Soon Not Working on Mobile - by CJMillar82

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

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!

#129653 Copied Theme version: 3.0.1

26 Answers
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.
#129680 Copied
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…

#129764 Copied

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!

#129770 Copied

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

#129799 Copied

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.

#129800 Copied

CJMillar82

Participant

June 15, 2016 at 17:49

Here they are thanks 🙂

Please, contact administrator
for this information.

#129809 Copied

Jack Richardson

Support staff

June 15, 2016 at 17:59

Hello,

The credentials are incorrect.
Please check them.

Best regards,
Jack Richardson.

#129812 Copied

CJMillar82

Participant

June 15, 2016 at 18:03

Fixed sorry!

Please, contact administrator
for this information.

#129815 Copied
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.
#129833 Copied
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 –

#129840 Copied

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.

#129858 Copied

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.

#129982 Copied

CJMillar82

Participant

June 16, 2016 at 16:43

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

#129984 Copied
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.
#129998 Copied
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.

#130024 Copied
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.
#130083 Copied
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).

#130119 Copied

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.

#130357 Copied

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.

#130519 Copied
Tagged: best selling, coming soon, mobile, responsive, themes, woocommerce
1 2

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