Joomla Templates Club 406,261 posts

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1094334

Hi,

Kindly share the screenshot highlighting the issue, I will take a look.

[unidigisol Friend unidigisolJoin date: February 2018Posts: 11Downloads:11Uploads:2]

#1094457

Attached are two screen shots. One of them is entitled "services_page_vertical.png". It shows the services webpage on the simulator for an iPhone 7 device in vertical position. The device width is 375px. I am able to scroll to the right on this simulator. The attached image shows half of the page because I scrolled to right. This happens because the width of the page is larger than the width of the screen, which, as seen in the attached picture, is 375px. This is a problem. I should not be able to scroll to the right or left. The site width should be the same as the width of the device at all time. I need help to solve this problem.

The second screen shot is entitled "services_page_horizontal.png". In this picture, the device on the simulator is rotated to a horizontal positioning. The simulator shows the device in horizontal position. Inthis picture, the width of the screen is 667px, and I am not able to scroll to the right or left because the width of the site is the same as the width of the device.

---

Attachments:

1. 
2. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#1094563

Hi,

It due to some Youtube module on that page, the iframe is not responsive so it has larger width than the viewed screen.

You can try this custom CSS code:

@media (max-width: 480px) {
.acm-container-tabs .tab-content .custom.youtube iframe {
    width: 100%;
}
}

put into the file: root/templates/uber (your default template)/css/custom.css (create this file if it doesn’t exist).

Regards

[unidigisol Friend unidigisolJoin date: February 2018Posts: 11Downloads:11Uploads:2]

#1095331

This solved the issue. Thanks so much.

[Author]

Posts