Hey fellows,
small challenge here…and I have included visuals to help better explain what I am after.
The desktop version of this sites looks correct.
However with the way I am using the builder, it’s causing the Ipad to produce undesired results.
If you look at my settings within the layout builder (seen in the screen-cap), I have 3-columns with 2 columns set to HIDE ON MOBILE since it’s not really being used for anything but to help define the look of the websit (I want a more narrow column of text with wider framed imagery).
HIDE ON MOBILE doesn’t seem to work on the Ipad. It’s rendering the side columns making the center column very narrow on the IPAD which doesn’t look right.
IS there a way around this? See links below
Hi Justin!
Please add following code to Quick CSS
@media only screen and (max-width: 1024px) {
.responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet {
display: none !important;
}}
Cheers!
Yigit
Hmmm…no change here after applying.
Hey!
Please flush cache and refresh your page a few times and make sure that CSS minifying is disabled if you are using it on a plugin/plugin feature.
If neither helps, please create a temporary admin login and post it here privately and point out your page.
Cheers!
Yigit
What I am seeing now Yigit….is the column is flushed left..after clearing out the cahce.
see snap
Unfortunately I cannot Yigit. It’s too risky for the client.
There’s a workaround for testing purposes however…
LMK if that works please.