Docs

[a096399]

Hi.

I’m designing a website using the ethos theme. I have 3 columns, full width, column container turned off and marginless columns turned on. As you can see in the attached file, the website and columns collapse properly on the iPhone 6, but not on the iPad. These columns looks too smashed together on the iPad and I would like them to appear on the iPad like they do on the iPhone 6. How do I do this?

Thank you in advance,

Adam

[Friech]

Hi Adam,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Cheers!

[a096399]

This reply has been marked as private.

[Rue Nel]

Hey Adam,

Thank you for providing the information. To resolve this issue and make sure that the columns will collapse on the ipad, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media (max-width: 979px){
  .x-section .x-container.marginless-columns .x-column[class*="x-"] {
    display: block;
    width: 100%;
    vertical-align: inherit;
  }
}

We would loved to know if this has work for you. Thank you.

[a096399]

IT WORKED!!!!

Thank you so much! Amazing service!!

Adam

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts