Tagged: CSS, full width, iPad, mobile devices
-
AuthorPosts
-
April 13, 2018 at 2:29 am #941212
Hey Enfolders!
On iPad, landscape, and portrait (iPad Pro etc) there are 2 columns that I cannot get to full width to match the others on the same page.
I added a link to is a screenshot of 1 of 2 of the columns not expanding to full width.
In the private section, I’ve also provided you full access to login.
On desktop, the page shows 2 columns, however, I need the section with the image to NOT show on iPad.
My code works for 3 of the sections on this page, but not the other 2.
If you have any questions at all shoot them my way, thank you!
-
This topic was modified 7 years, 6 months ago by
WebDevDept.
April 13, 2018 at 3:56 pm #941565Hey marketingagency,
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: 989px) { div .av_three_fifth { margin-left: 0%; width: 100%; } }I’m not sure which section you want to hide, can you explain a bit more, please?
If you need further assistance please let us know.
Best regards,
VictoriaApril 16, 2018 at 10:37 pm #942791Hey Victoria.
While your help accomplished the goal, for Windows users, for some reason it does not go to full width on Mac users.
How is this even possible? Does Mac not accept display:none?
If you view the page in question, you’ll notice 2 of the paragraphs in Safari and Chrome, on a Mac computer, do not expand to fit the page.
Incredibly frustrated.
April 18, 2018 at 7:45 am #943474Hi,
Thank you for the update. I would like to check the issue but the screenshot no longer exists. The columns in the home page stack up when the screen width is less than 1024px. I don’t see any responsive issues in the page. Which paragraphs are you referring to?
Best regards,
Ismael -
This topic was modified 7 years, 6 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
