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
Hi Gonçalo,
Do you have a public URL where we can take a look at what’s going on?
Hello Alex,
Here it is: https://omeututor.com/registo-do-explicador/
Thanks!
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?
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
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) {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!