My site created with Upfront is not loading properly on mobile devices

My site is not loading properly when viewed on mobile devices, it’s only using about ? of the screen (it shows an empty column on the right side of the screen) but it’s already set to 100% wide.

  • Majid

    Hello David
    I hope you are doing great today :slight_smile:

    I noticed that the "Find out more" was having some paddings to be centered, so I removed that and used another approach. the following CSS did the trick. I added it to the theme's global css at the very bottom.

    .upfront #module-1452647095693-1534 #button-object-1452647095692-1844 {
        display: block;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .upfront #module-1452647095693-1534 #button-object-1452647095692-1844 {
        display: block;
        width: 50%;
        margin: 0 auto;
    }

    I hope this helps,
    Majid

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.