How to use entire height and width on mobile device?

andrewwinkler

When opening the site on a mobile device, only about 2/3 of the width is used on the right, whereas the left 1/3 remains unused. How do I change that?

Ninja

andrewwinkler
Hi
Could you share a screenshot and site URL.
So we can check the issue you are facing, at the moment on demo site the content looks full width in mobile : https://ja-wall.demo.joomlart.com/index.php/en/

Regards

andrewwinkler

It's fine with the JA Wall - Default template, but not with the JA Wall - iWall template.

Ninja

Hi
open /templates/ja_wall/themes/iwall/css/theme.css
Add this code at the end of file.

@media only screen and (max-width:479px) {
body.has-sidebar #container .container-main {    padding-left: 5px; }}

Save file ,clear Joomla and browser cache and check the page view.
If still you have issue, kindly share screenshot of issue so that we can the exact issue you are facing in the mobile view.

Regards

andrewwinkler

Thanks. Problem fixed.