yomateyo

Sorry just saw this response! I think I figured it out, though I am still using the #block-yui id, which I hear might change... so I'm concerned it might be a temporary fix. I'm using this: //footer icons mobile resize @media only screen and (max-width: 640px) { #block-yui_3_17_2_1_1600713742696_56014{ width: 20%; margin: auto; } } The site is nativeland.org Thanks!

Hi there, I also am trying to disable mobile styles on a single page that is nested on an index page, on the homepage of my site. The home index page, where you can see the full flow of the page as users would encounter it, is https://www.nativeland.org , and the nested page is https://www.nativeland.org/work. I'm in 7.0, Bryant template. Is there any easy way to do this? I tried adapting the CSS that you suggested, @tuanphan, and couldn't figure out how to make it work in this case. I am hoping I can simply disable mobile styles on this one page so that it appears identical to desktops, or possibly have the same images appear in rows of 2 maximum (which would leave a remainder of 1 image in the third row, which I would want to center). Many thanks!

I would love an answer to this as well! Any luck? So far I've gotten some progress with this css: #block-yui max-width: 50%; max-height: 50%; margin-left: 20%; } However, I know #block-yui id's can change... and I don't like that it also changes the size on desktop and tablet size.