Archived topic
CSS shadows not showing on Mobile (GBlocks)
7 replies · Started by Jose on December 9, 2020
Hello team,
Thank you for the update however now with GB 1.2 the CSS shadows are not showing on Mobile for grid containers on my homepage.
You can see here on desktop
https://proyectovidaplena.com/
Im using
Class: testimonio-box
.testimonio-box {
box-shadow: 0 0 10px rgba(220,224,228,0.95)
}Screenshot attached.
Please help.
Hi there,
This shouldn't be a GB issue.
I'm seeing the CSS wrapped in desktop only media query:
https://www.screencast.com/t/oJVmINnrWrA
That's why it's not working on mobile.
Wow superfast reply! 👍
ok... and how can I unwrap?
I did not touch anything besides Today I updated Wordpress and GB.
PD.
Im using on page editor Simple CSS.
.testimonio-box
{
box-shadow: 0 0 10px rgba(220,224,228,0.95)
}
I'd assume you have a @media (min-width: 769px) { somewhere in your CSS that is missing a closing bracket }.
WordPress and GB don't have the ability to modify your custom CSS in Simple CSS - otherwise our support forum would be flooded with angry people today ;)
We dont want that!
Umm the last CSS that was added was to hide the Search Icon on mobile.
Pls see all CSS I could find:
https://drive.google.com/file/d/1ykG0ytht01D8pJyEsmy_WvGXurYkmtev/view?usp=sharing
Looks like you are missing a closing bracket in a couple of places:
https://www.screencast.com/t/yW61QuCu2
Every media query requires a closing bracket as seen here:
https://docs.generatepress.com/article/responsive-display/#responsive-breakpoints
Fixed!
You're the man 🙌
Gracias amigo.
No problem :)
