Shop Categories

X

My web page does not scale well to mobile phones

Home Forums Agama Pro My web page does not scale well to mobile phones

Topic Resolution: Resolved
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #19112
    Jenni Harala
    Participant

    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

    #19136
    Zex
    Moderator

    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

    #19151
    Jenni Harala
    Participant

    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

    #19152
    Zex
    Moderator

    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

    #19161
    Jenni Harala
    Participant

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

    Jenni

    #19163
    Zex
    Moderator

    Thanks.
    I’m glad it works 🙂

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.