My web page does not scale well to mobile phones

[Jenni Harala]

Hi,

I’m otherwise very satisfied with Agama pro but somehow my website does not scale well to mobile phones. When you try to view my pages with a phone, it leaves the right side of the screen blank because the headers and footers seem too narrow. I’m worried about this since people often use mobilephone to surf on the pages.

Please tell me how I can fix this problem?

Br, Jenni

[Zex]

Hello Jenni!

Insert the following code into Customizing->General->Additional CSS:

@media screen and (max-width: 650px){
    #agama-logo .logo-desktop {
    height: auto!important;
    width: 90vw!important;
}
}

https://prnt.sc/pixmoy

Regards

[Jenni Harala]

Hi Zex!

Thank you so much, this solved most of the problem. However, one subpage does not scale well even after this procedure. It is called “yksityishenkilöt”, under the page called “palvelut”. Could you still help me how I could make this page to show properly on mobile phone screen?

Thank you,

Jenni

[Zex]

Hello, Jenni!

Try to insert the following code additionally at the same place (Below the code you already inserted):

@media screen and (max-width: 480px){
    #primary {
    float: none!important;
}
}

https://prnt.sc/pj4ouj

Regards

[Jenni Harala]

Thank you! You are my hero! Works perfectly now. 🙂

Jenni

[Zex]

Thanks.
I’m glad it works 🙂

[Author]

Posts