-
Posts
-
Hi,
We are using Enfold theme with “Shop” style. We have replicated your demo “about” and are having issues with ipad responsiveness. I have replicated the problem on your demo and attached screen shots.
How can we format this to work on ipad (phones work fine)?Cheers
Hey lewinandreilly,
Could you provide us with a link to the site in question so that we can take a closer look please?
Thanks,
RikardHi,
The page is https://lewinandreilly.com.au/ethos/. It works fine on Desktop and phone, but tablet has the formatting issues described.
Thanks
Hi,
Thanks for the link, would you like it to break on ipad like on phones as well? Please try to explain a bit further.
Best regards,
RikardHi,
Please try the following in Quick CSS under Enfold–>General Styling:
@media only screen and (max-width: 990px) { .responsive #top #wrap_all .av-flex-cells .no_margin { width:100% !important; } }Regards,
RikardHello Support,
I have a problem with responsiveness on ipad (10″ , landscape)In pages like this one: http://ilovealcazar.com/portfolio-item/la-pradera/ … We are seeing it at a 10″ tablet, landscape, since it´s our main tool for showing it to clients…and, the map it´s cut on the right…I mean, everything seems to be a bit displaced to the right….and there is like a big margin on the left… (image attached)
https://www.dropbox.com/s/g6ywt7do1xdq9hn/IMG-20180103-WA0036.jpg?dl=0You will be able to check that talking about 10″ tablet, landscape, several responsiveness issues are happening on the website like following:
In pages like this: http://ilovealcazar.com/portfolio-item/casa-julian/ … the catalogs are cut on the right, prices are not even shown (TALKING MOSTLY IN 10 ” TABLETS, PORTRAIT AS COMMENTED) …. In addition, when a line break occurs, everything looks weird (image attached)
https://www.dropbox.com/s/78qwro05g93pz1k/IMG-20180103-WA0037.jpg?dl=0
In pages like this: http://ilovealcazar.com/portfolio-item/moda-marisa/ …. Text is cut, map is cut (on the right)…and icon box are totally displaced (Remember, always talking about 10″ portrait tablet) (Image attached for icon boxes…the map and text seems to be the same problem…too much left margin or pardding)
https://www.dropbox.com/s/2qlhqfcsprjyd2i/IMG-20180103-WA0039.jpg?dl=0Blog page: The same problem of too much left margin applies
Responsiveness: http://ilovealcazar.com/portfolio-item/monederos-piel-25-e/ .. The same problem, too much left margin that makes cut the text and the map
Could you please help with this issues?
Thanks in advance for your effort
Hi David,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 1024px) { .postid-215 .av_one_half { margin-left: 0 !important; width: 100% !important; } }Best regards,
RikardHello Rikard,
Post 215 itś working now nice…Only 1 point, the map follows being cut on the right…
https://www.dropbox.com/s/zfznr8k54dqjznt/IMG-20180111-WA0013_resized_20180111_092113172.jpg?dl=0Could you please take a look at it and let me know if I should extend this code to the rest of posts?
ThanksHi,
Please look for the following css modification in the Quick CSS field.
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin { width: 100%; }Adjust the width value to 90% so that the columns don’t go right past the edge of the main container.
Best regards,
Ismael
- You must be logged in to reply to this topic.