November 26, 2017 at 3:41 am #213954
I'm hoping someone can come up with a nice way to avoid the menu flashing I am seeing with the Genesis Sample Child theme. When in mobile mode I see a brief flash of the full desktop menu before the hamburger kicks in. StudioPress support offered an option to hide all content until the page fully loads but this causes the whole page to flash white each time. Is there a nicer solution to this?
The code that controls visibility of the main menu is
@media only screen and (max-width: 1023px)
Would sticking this into the top of page <head> prevent the flash? If so how would I do this and if not, is there an option that will work?
You can see the issue on the StudioPress demo site if you make the browser window small and hit refresh a few times.
Alanhttps://my.studiopress.com/themes/genesis/#demo-fullNovember 28, 2017 at 10:08 am #214079
Anyone with any suggestions at all on this? I'm running out of ideas so might need to try a different framework unless someone has a fix or a Genesis theme that doesn't exhibit this behaviour 🙁
AlanNovember 29, 2017 at 6:30 am #214104
You're comparing apples to oranges here. The demos are not a real world example of how sites behave in the wild. Demos are loaded into iframes, which is essentially a second level website. Second, making a browser smaller is not a proper way to test mobile responsiveness. Most browsers have mobile testers built-in these days. I can tell you from experience, that if you have a site setup correctly and test that site in a proper way, there is no menu flash with the Genesis Sample theme.
December 2, 2017 at 5:12 am #214187
Thanks for taking the time to respond but I'm not finding the reply very helpful as it isn't offering any constructive advice...? If you read my original post you will see that I am experiencing the issue on my site (from desktop and phone/tablet) and am not referring to issues on the demo site. The demo link was only provided so people could also see the "flash" I was describing (i.e. that I was seeing on my site) ... a picture is worth a thousand words and all that.
Can you provide any guidance on what could be wrong with site setup as it is a fairly standard WordPress install with very few additional plugins etc. StudioPress support confirmed the issue with flashing content and provided a workaround to blank the display until all content is loaded but while avoiding the menu issue that causes an even more obvious white flash of the whole page. Anther option seems to be to play with caching plugins to try and maximize page load speed.
AlanDecember 4, 2017 at 1:32 pm #214262
There is nothing coded into the sample theme to cause the menu to flash. I've used the sample theme on dozens of sites. It never flashes. Without being able to view your site, there's no way to help you.
You must be logged in to reply to this topic.