Home>Support>widgets in two columns mobile

widgets in two columns mobile

By stillmovement, 9 years ago. Last reply by Alex S, 9 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

i am trying to change the amount of columns that are displayed on my site when viewed on a mobile device.

the page i am trying to do this on is strangedanish.com/team

basically i would like there to be two team member side by side on the page in mobile mode.

is there any css or setting i can use to accomplish this?

thanks

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 4 months ago Alex S
    Hi, I Work Here

    Hi Stillmovement,

    You can definitely accomplish this with CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    @media (max-width: 780px){
    #pg-2-1 .panel-grid-cell {
        float: left !important;
        width: 50% !important;
    }
}

@media (max-width: 400px){
    .page-id-2 .col-full {
        margin: auto 0 !important;
    }
}

    You might also need to install the SiteOrigin CSS Editor.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More