Vertical Everything on Mobile

[eddeaux]

I just updated everything on this site and now I am getting this weird vertical layout on mobile. I’ve attached a screenshot.

I’ve tried everything to resolve to no avail. Please help!

Thanks!

Attachments:

You must be logged in to view attached files.

[eddeaux]

I’m dying over here guys, many of my sites are now having this issue… any idea on how to fix?

[Rui Guerreiro – SUPPORT]

Hi,

Did you restored previous versions since I’m seeing outdated versions of the theme and SwiftFramewor?

You should update the theme to the latest 2.14.15 version from your current 1.9.8
https://www.dropbox.com/s/51gt8lit6q3effg/atelier.zip?dl=0

And also the SwiftFramework to the latest 2.5.22
https://www.dropbox.com/s/2odoq4t3o2jehwt/Screenshot%202016-11-29%2017.43.30.png?dl=0

-Rui

[eddeaux]

I just updated to the new theme and now my site is blank! Any ideas?

[Rui Guerreiro – SUPPORT]

can’t login again, but I’m seeing it fine now.
https://www.dropbox.com/s/7yq2wix6c2d1tdj/Screenshot%202016-11-29%2018.12.47.png?dl=0

-Rui

[eddeaux]

This reply has been marked as private.

[eddeaux]

Yeah, the client had to roll the site back two months and so we lost all of our recent updates, apparently the server is self-hosted and the client didn’t have a disaster recovery option. I am still trying to fix the current site. Any ideas on how to fix that white screen of death I got after I updated the theme? If not, can you tell me why this same issue is happing on my other site DentonSwag.com?

[Rui Guerreiro – SUPPORT]

Can you provide me admin access to http://www.dentonswag.com ?

Thanks

-Rui

[eddeaux]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Apologize, didn’t read the entire text just checked the url.

Just checked and that it seems to be caused by the 200px padding.
https://www.dropbox.com/s/nnn4zfucj8e9e46/Screenshot%202016-11-30%2013.44.36.png?dl=0

You can duplicate the row and make 1 only visible for desktop with padding and use another one only visible in mobile and tablet without that padding value.

Or you can also try this css

@media only screen and (max-width: 767px){
.spb-row {
    padding-left: 15px!important;
    padding-right: 15px!important;
}
}

-Rui

[eddeaux]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Haha, hug it but don’t break need it to sustain my head 🙂
Strange that added the padding, we didn’t had any similar situation like this one.

Thanks and Merry Xmas.

-Rui