Set fixed screenresolution for mobile devices

Seppe
221 Posts
Seppe posted this 15 November 2018

Good afternoon

My Joomla-theme is looks perfect on desktop.
When in Themler, I do a preview for mobile phones: it looks perfect.

In the settings, the themes layout for mobiles phones is set to "non" (by default)

When I check the website on a Samsung J5 it looks perfect.
The screen resolution of the phone is 1280 x 720px.
It looks the same like in the preview

however ....

If I check the website on a Samsung S7Edge, the layout looks like crap.
The screen resolution of the phone is: 2560 x 1440px.

If I check the website on a Samsung Note9, it is a bit better, but still looks messy
The screen resolution of the phone is: 1440 x 2960px.

How or what settings do I need to adjust, to keep the look of the website like in the preciew on desktop-app, or like on the Samsung J5. It seems like the older the phone ... the better the view

Greetings

Good afternoon My Joomla-theme is looks perfect on desktop. When in Themler, I do a preview for mobile phones: it looks perfect. In the settings, the themes layout for mobiles phones is set to "non" (by default) When I check the website on a Samsung J5 it looks perfect. The screen resolution of the phone is 1280 x 720px. It looks the same like in the preview however .... If I check the website on a Samsung S7Edge, the layout looks like crap. The screen resolution of the phone is: 2560 x 1440px. If I check the website on a Samsung Note9, it is a bit better, but still looks messy The screen resolution of the phone is: 1440 x 2960px. How or what settings do I need to adjust, to keep the look of the website like in the preciew on desktop-app, or like on the Samsung J5. It seems like the older the phone ... the better the view Greetings
Joomla mobile-site layout-for-mobile mobile-view screen-resolution
Vote to pay developers attention to this features or issue.
1 Comments
Order By: Standard | Newest
skibbbi
11 Posts
skibbbi posted this 18 November 2018

Hi,
I can not help you directly with the problem but be interested in previewing the site in Firefox (Figure 1). In figure 2 you have marked on what you should pay attention to.
1. This is where you enable the responsive view.
2. Switch the view to the defined interval. Remember to reload the page.
3. Phones do not use full resolution to display pages and use DPR to scale the page.

I hope this is helps you :)

Regards,
Krzysztof

Hi, I can not help you directly with the problem but be interested in previewing the site in Firefox (Figure 1). In figure 2 you have marked on what you should pay attention to. 1. This is where you enable the responsive view. 2. Switch the view to the defined interval. Remember to reload the page. 3. Phones do not use full resolution to display pages and use DPR to scale the page. I hope this is helps you :) Regards, Krzysztof
figure-1.png
figure-2.png
You must log in or register to leave comments