Newsberg display floats left-right while scrolling on iPhone - Forum | JoomShaper
Solved Templates

Newsberg display floats left-right while scrolling on iPhone

Asked by James Capo 5 years ago Last activity 5 years ago

I'm enjoying testing out the Newsberg template. However, please advise if there is a way to display on some mobile phones without shifting/ back and forth / left to right while scrolling.

I notice this issue on the Newsberg demo (using iPhone 14.2/Safari):
http://demo.joomshaper.com/?template=newsberg

I reduced my site to display just the header and footer sections but it still shifts left-right on both Android and iPhone. Looks like it is recognizing padding for automatic display width adjustment.

I do not see the left-right movement on other Joomshaper demos. Also no issue on the Newsberg demo using Android.

Thanks
Jim

Accepted answer

Marked as the solution
Toufiq Senior Staff
5 years ago

Try to add this css code inside the custom.css file. 

.com-sppagebuilder #sp-main-body {
padding: 0;
overflow: hidden;
}

4 more replies

Oldest first Newest first Most helpful
Toufiq Senior Staff
5 years ago · edited

Hi there,

Thanks for contacting us. Sorry for the inconvenience. Will you please give me your site adminstrator password to check your issue, then i will check & get back to you soon.

Note: I have checked my iphone and it works fine

File.jpg

-Thanks

James Capo Asked this
5 years ago · edited

Thanks Toufiq. The added css code did work.

I believe this issue is mobile phone and Newsberg specific. Using my old iPhone 6s (14.2/Safari) the left-right floating issue on my site is solved with the added code. However, with the iPhone I still see the left to right float on the Newsberg demo -- but no other Joomshaper demo's including NewsKit and Calicio. I do not see the float issue with Newsberg demo on Android devices.

Log in to reply.