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.

No collapse in tablet/mobile view

Resolved 6 replies customizationpluginplugin-page-builder
goncalovieirafigueiredo
7 years ago · Last reply by goncalovieirafigueiredo 7 years ago

Hello!

I have the following (standard) configuration in Page Builder Layout:
* Use Tablet Layout = On
* Tablet Width = 1024px
* Mobile Width = 780px

On a page I have set custom CSS in a row and inside widgets for mobile view.

Nevertheless, even when screen width is less than 780, the mobile view does not trigger.

See images: https://imgur.com/a/4Tbyt

This happens with “Use Tablet Layout” on or off.

GOAL: I’m trying to make the custom CSS for mobile view be triggered ON when the row collapses. Is this possible? How can I do this?

Thank you very much.
It’s always worth it to say that you have a great plugin and support.

Thanks,
Gonçalo

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Alex S Staff 7 years, 11 months ago

    Hi Gonçalo,

    Do you have a public URL where we can take a look at what’s going on?

  2. goncalovieirafigueiredo 7 years, 11 months ago

    Hello Alex,

    Here it is: https://omeututor.com/registo-do-explicador/

    Thanks!

  3. Alex S Staff 7 years, 11 months ago

    Hi Gonçalo,

    I’ve had a quick look, and it looks like your mobile view is working without issue. Can you please elaborate on what’s not specifically collapsing or responsive?

  4. goncalovieirafigueiredo 7 years, 11 months ago

    So yes, it is collapsing properly, but not for the right screen size.

    If you try a width of 768px (suggested by Google as tablet), it does not collapse as it should in mobile view since I’ve configured the width of mobile to 780px.

    You can see print screens of collapsing behavior and settings in https://imgur.com/a/4Tbyt.

    Maybe I’m being stupid in some way?

    Thank you so much

  5. Alex S Staff 7 years, 11 months ago

    Hi Gonçalo,

    Ah. Okay, so the highlighted image isn’t centering at 780px due to the custom CSS you’ve added to center it not being set up to kick in at 770. Please navigate to WP AdminAppearanceCustom CSS and find:

    @media (max-width: 680px) {

    Replace with:

    @media (max-width: 780px) {
  6. goncalovieirafigueiredo 7 years, 11 months ago

    So yes I was being stupid.

    I’m really sorry to have troubled you with this, specially being a free plugin.

    Thank you so much!

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