Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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 6 years, 7 months ago by WebDevDept.
    #941565

    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

    #942791

    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.

    #943474

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.