Tagged: CSS, full width, iPad, mobile devices
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!
Hey 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,
Victoria
Hey 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.
Hi,
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