Tagged: iPad, responsive
Hi, I’ve struggles with several websites now with Enfold and tablet view, both landscape and vertical. It’s like I get desktop view no matter what I do. Also when I make an own version for ipad and activates it in creen options for in the contect, it still doesn’t work. I can’t find the breaking point chooise we had for main menu in enfold earlier? How can I fix this?
Please look at who the columns look like at a new site I’ve published in private contect.
The mobile version is okay.
Thanks, and kindly regards, Mathilde
Hey mofix,
Which tablet, can you let us know please?
Because based on the size of the tablet, it might be sending the right version – the desktop one
Best regards,
Basilis
Hi,
It’s a bit older version of iPad. It’s the columns that’s the problem. The 1/2 and 1/4 1/4 column I have is still on one line, and they are so narrow that the text comes outside the columns, and it doesn’t look good and it’s difficult to read the text.
Kindly regards, Mathilde
Hi,
Please edit the first column in the row. Go to the “Screen Options” panel then set the “Fullwidth Break Point” settings to the second option.
Best regards,
Ismael
Hi Ismael,
Thanks, but it’s still not working on my iPad after the changes I did. How can it be? Is there any chance to make the breakpoint a little sooner?
Kindly regards, Mathilde
Hi,
What is the actual version or model of your iPad device? Please try this code in the Quick CSS field.
@media only screen and (max-width: 1200px) {
.responsive #top #wrap_all .flex_column.av-break-at-tablet, .responsive #top #wrap_all .av-break-at-tablet .flex_cell {
margin: 0;
margin-bottom: 20px;
width: 100%;
display: block;
}
}
Best regards,
Ismael