I am working on some updates for a client and something that I am missing for the mobile version, is to expand (or make larger) a background which I have found in the file manager of the theme, first I tried on doing those changes by using the browser's console and I got the result (please see image attached, and yeah those buttons need to be higher lol), but when I make those changes in the SCSS file for that block, I do not get those changes in my phone when I test it.
I have checked also template-blocks folder, or the footer file in the main template folder, but nothing. Basically this is what trying to add:
@media only screen and (min-width: 600px) {
class.name {
height: 120vh;
/* More things added */
}
}
Am I missing something that makes VH to work "on live"?
Again, this image is how it looks like in the browser's console, not in my phone. Thank you in advance!
there is min width…
My suggestions:
1. Try to use max-width instead of min-width.
2. Clear your phone browser history and cache.
3. Use !important rule for CSS.
If you’re trying to make a css style that applies to a mobile view, min-width is the opposite. This isn’t a WordPress question. You need to learn css.