[ninanevski]

Hi,

My website looks great on android mobile devices, all the columns appear responsive and align in one single colunm.

However, when I view the same page on an iPhone, (this page in particular: https://www.worshippianotutorials.com/play-beautifully/) it shows everything in two columns and you can’t see parts of that second column.

How can I make iphone see it in one/ single, responsive column?

Thanks in advance!

[Juanfra Aldasoro]

Hi,

Thanks for reaching out to us. I hope you’re doing well.

Would you please add the following custom CSS:

@media all and (max-width: 767px) {
    .nice_row-inner, .vc_inner, .row-inner {
        display: block;
    }
    .background-inner:empty {
        display: initial !important;
    }
}

Best,
Juan

[ninanevski]

Hi,

I am still experiencing this issue, even after adding the code.

Here is the page I’m working on: http://worshippianotutorials.com/new

And on android, all columns show as one single column.

However, on iPhones, the columns squish all together in one space. Please help! It looks awful 🙁

[Juanfra Aldasoro]

Hi,

Can you please send a screenshot of how it looks?

Best,
Juan.

[Juanfra Aldasoro]

Which version of the theme are you on?

Best,
Juan.

[ninanevski]

I am running Smart 1.1 and NiceFramework 2.0.9.1.

[ninanevski]

Here are screenshots of how it looks like on the iPhone.

https://ibb.co/dQf4vr6
https://ibb.co/Pcpb5D6
https://ibb.co/QmH3gTW