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, 3 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