This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

widgets in two columns mobile

Resolved 1 reply pluginplugin-siteorigin-cssquestion
stillmovement
10 years ago · Last reply by Alex S 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Alex S Staff 10 years, 26 days ago

    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.

Have a different question or issue?

Start New Thread