Mixing
Custom Wordpress template page upon reload doesn't display any content but source code is all there
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
Initial load renders all content perfectly and then on the 2nd or 3rd reload (this is random - I've tested this numerous times) it won't display anything on the page except for the nav bar but all the source code loads fine when checking with dev tools and also does not show any errors.
Works fine in Chrome desktop browsers and Firefox desktop browsers - in media view and desktop view.
Doesn't reload on Safari desktop.
Doesn't reload on the following media devices: Android phones, iphone, ipad with Chrome incognito browser and Safari browser.
I am debugging remotely with one of my android devices and I don't see any errors in dev tools and all the source code loads on each reload.
This is hosted on an AWS ec2 instance.
I cannot figure out how and where I need to debug. Any tips/advice is much appreciated!!
Sorry I can't upload image of code or url because this webpage includes info for a live product feature that has not been released to the public yet.
Thank you!!
wordpress browser reload
asked Jan 3 at 2:15
TinaTina
205
add a comment |
Initial load renders all content perfectly and then on the 2nd or 3rd reload (this is random - I've tested this numerous times) it won't display anything on the page except for the nav bar but all the source code loads fine when checking with dev tools and also does not show any errors.
Works fine in Chrome desktop browsers and Firefox desktop browsers - in media view and desktop view.
Doesn't reload on Safari desktop.
Doesn't reload on the following media devices: Android phones, iphone, ipad with Chrome incognito browser and Safari browser.
I am debugging remotely with one of my android devices and I don't see any errors in dev tools and all the source code loads on each reload.
This is hosted on an AWS ec2 instance.
I cannot figure out how and where I need to debug. Any tips/advice is much appreciated!!
Sorry I can't upload image of code or url because this webpage includes info for a live product feature that has not been released to the public yet.
Thank you!!
wordpress browser reload
asked Jan 3 at 2:15
TinaTina
205
@can you show website link so we can check your website at out side at safari browser?
– Bhavin Thummar
Jan 3 at 11:37
Sorry, I cannot share website link :( the page has details about a product feature for a live product that has not been released to the public yet. If it helps, the divs and css is all there, ie. if i hover my mouse over the page each div is highlighted and in dev tools computed the css seems fine. I haven't gone over all the css with a fine comb yet though. I was wondering if this could be a css compatibility across browser issue.. ??
– Tina
Jan 3 at 19:12
I can understand your problem. Yes i know that some css is not supported in safari browser so css compatibility issue can be generated by those unsupported css but you can apply alternative css for those css. so I have ask about link because we can see which css property is applying at your web page so we can test and indentify those css which are not compatible.
– Bhavin Thummar
Jan 4 at 6:23
I found the problem! There's an outdated plugin call "animsition" that for some reason won't change the opacity from 0 to 1. I just targeted that class and forced css with important tags to just keep the opacity at 1. It breaks the animation but it'll do. Thanks for your time @BhavinThummar :)
– Tina
Jan 4 at 18:30
Oh that's good news.
– Bhavin Thummar
Jan 7 at 4:51
add a comment |
Initial load renders all content perfectly and then on the 2nd or 3rd reload (this is random - I've tested this numerous times) it won't display anything on the page except for the nav bar but all the source code loads fine when checking with dev tools and also does not show any errors.
Works fine in Chrome desktop browsers and Firefox desktop browsers - in media view and desktop view.
Doesn't reload on Safari desktop.
Doesn't reload on the following media devices: Android phones, iphone, ipad with Chrome incognito browser and Safari browser.
I am debugging remotely with one of my android devices and I don't see any errors in dev tools and all the source code loads on each reload.
This is hosted on an AWS ec2 instance.
I cannot figure out how and where I need to debug. Any tips/advice is much appreciated!!
Sorry I can't upload image of code or url because this webpage includes info for a live product feature that has not been released to the public yet.
Thank you!!
wordpress browser reload
asked Jan 3 at 2:15
TinaTina
205
Initial load renders all content perfectly and then on the 2nd or 3rd reload (this is random - I've tested this numerous times) it won't display anything on the page except for the nav bar but all the source code loads fine when checking with dev tools and also does not show any errors.
Works fine in Chrome desktop browsers and Firefox desktop browsers - in media view and desktop view.
Doesn't reload on Safari desktop.
Doesn't reload on the following media devices: Android phones, iphone, ipad with Chrome incognito browser and Safari browser.
I am debugging remotely with one of my android devices and I don't see any errors in dev tools and all the source code loads on each reload.
This is hosted on an AWS ec2 instance.
I cannot figure out how and where I need to debug. Any tips/advice is much appreciated!!
Sorry I can't upload image of code or url because this webpage includes info for a live product feature that has not been released to the public yet.
Thank you!!
wordpress browser reload
wordpress browser reload
asked Jan 3 at 2:15
TinaTina
205
asked Jan 3 at 2:15
TinaTina
205
asked Jan 3 at 2:15
TinaTina
205
asked Jan 3 at 2:15
TinaTina
205
asked Jan 3 at 2:15
TinaTina
205
205
@can you show website link so we can check your website at out side at safari browser?
– Bhavin Thummar
Jan 3 at 11:37
Sorry, I cannot share website link :( the page has details about a product feature for a live product that has not been released to the public yet. If it helps, the divs and css is all there, ie. if i hover my mouse over the page each div is highlighted and in dev tools computed the css seems fine. I haven't gone over all the css with a fine comb yet though. I was wondering if this could be a css compatibility across browser issue.. ??
– Tina
Jan 3 at 19:12
I can understand your problem. Yes i know that some css is not supported in safari browser so css compatibility issue can be generated by those unsupported css but you can apply alternative css for those css. so I have ask about link because we can see which css property is applying at your web page so we can test and indentify those css which are not compatible.
– Bhavin Thummar
Jan 4 at 6:23
I found the problem! There's an outdated plugin call "animsition" that for some reason won't change the opacity from 0 to 1. I just targeted that class and forced css with important tags to just keep the opacity at 1. It breaks the animation but it'll do. Thanks for your time @BhavinThummar :)
– Tina
Jan 4 at 18:30
Oh that's good news.
– Bhavin Thummar
Jan 7 at 4:51
add a comment |
@can you show website link so we can check your website at out side at safari browser?
– Bhavin Thummar
Jan 3 at 11:37
Sorry, I cannot share website link :( the page has details about a product feature for a live product that has not been released to the public yet. If it helps, the divs and css is all there, ie. if i hover my mouse over the page each div is highlighted and in dev tools computed the css seems fine. I haven't gone over all the css with a fine comb yet though. I was wondering if this could be a css compatibility across browser issue.. ??
– Tina
Jan 3 at 19:12
I can understand your problem. Yes i know that some css is not supported in safari browser so css compatibility issue can be generated by those unsupported css but you can apply alternative css for those css. so I have ask about link because we can see which css property is applying at your web page so we can test and indentify those css which are not compatible.
– Bhavin Thummar
Jan 4 at 6:23
I found the problem! There's an outdated plugin call "animsition" that for some reason won't change the opacity from 0 to 1. I just targeted that class and forced css with important tags to just keep the opacity at 1. It breaks the animation but it'll do. Thanks for your time @BhavinThummar :)
– Tina
Jan 4 at 18:30
Oh that's good news.
– Bhavin Thummar
Jan 7 at 4:51
@can you show website link so we can check your website at out side at safari browser?
– Bhavin Thummar
Jan 3 at 11:37
@can you show website link so we can check your website at out side at safari browser?
– Bhavin Thummar
Jan 3 at 11:37
Sorry, I cannot share website link :( the page has details about a product feature for a live product that has not been released to the public yet. If it helps, the divs and css is all there, ie. if i hover my mouse over the page each div is highlighted and in dev tools computed the css seems fine. I haven't gone over all the css with a fine comb yet though. I was wondering if this could be a css compatibility across browser issue.. ??
– Tina
Jan 3 at 19:12
Sorry, I cannot share website link :( the page has details about a product feature for a live product that has not been released to the public yet. If it helps, the divs and css is all there, ie. if i hover my mouse over the page each div is highlighted and in dev tools computed the css seems fine. I haven't gone over all the css with a fine comb yet though. I was wondering if this could be a css compatibility across browser issue.. ??
– Tina
Jan 3 at 19:12
I can understand your problem. Yes i know that some css is not supported in safari browser so css compatibility issue can be generated by those unsupported css but you can apply alternative css for those css. so I have ask about link because we can see which css property is applying at your web page so we can test and indentify those css which are not compatible.
– Bhavin Thummar
Jan 4 at 6:23
I can understand your problem. Yes i know that some css is not supported in safari browser so css compatibility issue can be generated by those unsupported css but you can apply alternative css for those css. so I have ask about link because we can see which css property is applying at your web page so we can test and indentify those css which are not compatible.
– Bhavin Thummar
Jan 4 at 6:23
I found the problem! There's an outdated plugin call "animsition" that for some reason won't change the opacity from 0 to 1. I just targeted that class and forced css with important tags to just keep the opacity at 1. It breaks the animation but it'll do. Thanks for your time @BhavinThummar :)
– Tina
Jan 4 at 18:30
I found the problem! There's an outdated plugin call "animsition" that for some reason won't change the opacity from 0 to 1. I just targeted that class and forced css with important tags to just keep the opacity at 1. It breaks the animation but it'll do. Thanks for your time @BhavinThummar :)
– Tina
Jan 4 at 18:30
Oh that's good news.
– Bhavin Thummar
Jan 7 at 4:51
Oh that's good news.
– Bhavin Thummar
Jan 7 at 4:51
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54015519%2fcustom-wordpress-template-page-upon-reload-doesnt-display-any-content-but-sourc%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54015519%2fcustom-wordpress-template-page-upon-reload-doesnt-display-any-content-but-sourc%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
@can you show website link so we can check your website at out side at safari browser?
– Bhavin Thummar
Jan 3 at 11:37
Sorry, I cannot share website link :( the page has details about a product feature for a live product that has not been released to the public yet. If it helps, the divs and css is all there, ie. if i hover my mouse over the page each div is highlighted and in dev tools computed the css seems fine. I haven't gone over all the css with a fine comb yet though. I was wondering if this could be a css compatibility across browser issue.. ??
– Tina
Jan 3 at 19:12
I can understand your problem. Yes i know that some css is not supported in safari browser so css compatibility issue can be generated by those unsupported css but you can apply alternative css for those css. so I have ask about link because we can see which css property is applying at your web page so we can test and indentify those css which are not compatible.
– Bhavin Thummar
Jan 4 at 6:23
I found the problem! There's an outdated plugin call "animsition" that for some reason won't change the opacity from 0 to 1. I just targeted that class and forced css with important tags to just keep the opacity at 1. It breaks the animation but it'll do. Thanks for your time @BhavinThummar :)
– Tina
Jan 4 at 18:30
Oh that's good news.
– Bhavin Thummar
Jan 7 at 4:51