Tagged: iphone, mobile, responsive
I am having some issues with responsive layout on mobile…
1. On iPhone only, the header overlaps the first color section or grid row
2. On iPhone only, the text inside the column on the “contact” page does not resize to fit inside the column
Hey nV15OoBtg21iTn5z,
Thank you for the inquiry.
We can’t see any layout issue with the color section and the header. Would you mind providing a screenshot? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.
Regarding the contact page, please add this css code:
@media only screen and (max-width: 989px) {
/* Add your Mobile Styles here */
.avia-icon-list .av-iconlist-empty .iconlist_title {
word-wrap: break-word;
}
}
Best regards,
Ismael
The contact page CSS fix worked. Please see Dropbox link for the screenshots where the header overlaps the first section/row…
Hi,
Thank you for the screenshot.
The “treatments” page looks a bit different on our end (see private field). Have you tried adding a Separator / Whitespace element above the other content? You can set this element to display only on mobile view by adjusting the Advanced > Responsive > Element Visibility settings.
Best regards,
Ismael
That worked perfectly! Thank you!
Hi,
Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike