-
Posts
-
Dear Enfold, I am building a website for a client, using the Enfold Lawyer theme. However, the homepage does not work well on an iPad. When in landscape modus the fields won’t move but “fold’ into each other. In portret modus the separate fields are shown correctly under each other.
I hope you understand what I mean…What can I change in settings? Many thanks!
Hey Florinek,
Please provide a link to the page in question so we can see the issue. Also a screenshot may help.
Best regards,
Jordan ShannonHello Jordan, thanks for getting back. Below I share a link as private content. Many thanks for your help!
Hello Victoria,
Thanks for your note. I am not sure if I understand you correctly. The texts are overflowing, as you write. What do you mean with ” you should have the mobile layout on iPad portrait already”? The website does not look well on the iPad, in portret mode it is okay but in landscape mode the boxes with texts don’t adjust… Hope you gave a solution, many thanks!Hello Victoria,
Thanks for your note. I am not sure if I understand you correctly. The texts are overflowing, as you write. What do you mean with ” you should have the mobile layout on iPad portrait already”? The website does not look well on the iPad, in portret mode it is okay but in landscape mode the boxes with texts don’t adjust… Hope you gave a solution, many thanks!Hi Florinek,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaHi Florinek,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (min-width: 768px) and (max-width: 1320px) { #top .no_margin.av_one_fourth { width: 25%; padding: 10px 30px !important; } .avia-button.avia-size-large { padding: 13px; min-width: 105px } body .av-special-heading .av-special-heading-tag { font-size: 20px; } }If you need further assistance please let us know.
Best regards,
VictoriaDear Victoria, Thank you very much. The website now looks better on the iPad. However, the padding on the top (above the text) must be a bit larger. Do you know how I can adjust that?
Thanks again, your help is great! Florinek
Hi,
Do you mean this text “Consultancy and Regulatory Writing Services Global Regulatory Affairs for Medicinal Products” needs more padding on the iPad?
Best regards,
Jordan ShannonHi Jordan,
Thanks for your reply and looking into this. I mean the text in the 4 layout elements. When using iPad the padding above the text in each element is gone. Is there a solution for that, so it looks as good as on a regular screen? Thanks again!
Florinek
Hi,
Thanks for the clarification. It looks like you have this in your Quick CSS:
@media only screen and (max-width: 1320px) and (min-width: 768px) { #top .no_margin.av_one_fourth { width: 25%; padding: 10px 30px !important; } }Please try changing the padding to 30px only, remove 10px.
Best regards,
RikardDear Rikard, thank you very much. However the problem is still there.
The padding is okay, but the thing is: in landscape modus the layout elements don’t move, they stay put but they must act responsive. The boxes must line under each other and not next to each other.
So the landscape modus is not responsive but must be responsive.
Any help is more than appreciated!
Hi Florinek,
Try using the code like this:
@media only screen and (max-width: 1320px) and (min-width: 768px) { #top .no_margin.av_one_fourth { width: 25%; padding: 30px 15px !important; } }I am not sure I understand your last reply.
Could you please attach some screenshots of the issue?
Best regards,
VictoriaHello Victoria,
sorry that I can’t be clearer… Enfold is a responsive theme, but when using the website on the iPad in landscape it does not behave responsive, so the blocks with the text in it don’t move. Please take an iPad and you will immediately see what I mean.
Where can I attach screenshots? tHX!
Hi Florinek,
Do you mean you want the headlines and the buttons aligned on top and at the bottom on iPad landscape?
Best regards,
VictoriaHello Victoria, again thanks for your help.
I want the website fully responsive: that it works like the original Lawyer template. It does not now! So the blocks with the content must move. Now the website is not responsive on an iPad, while on the original template it is. the 4 blocks must line vertical, like in portret modes. and off curse text must be INSIDE the locks… Please, you can see that the way the website now behaves is faulty.So if you look at an iPad in landscape, the website must be responsive and isn’t. it is really frustrating, it must be a bug. It looks awful and my client does not accept a website like this. And I can understand!
I really really hope someone has a solution. THANKS!!!
- You must be logged in to reply to this topic.