CSS tweaking for specific mobile screens

Hi Miehoeiby,

Thanks for using Scrollsequence. As this applies to both free and pro version, I will answer here, but for other questions, please use the built in “Contact us” from within wp-admin to get premium support for the PRO version.

Also I haven’t been able to access the URL you have posted, so I have just done a quick test.

Using this template to testing things out: https://www.w3schools.com/css/css_rwd_mediaqueries.asp

I have just tested with the following inputs
Fixed Editor (main editor field in Scrollsequence Plugin)

<h1 class="your-class">Another day on Earth</h1>

Custom CSS ( field inside the Scrollsequencee Plugin)

.your-class {
  background-color: lightgreen;
}

@media only screen and (max-width: 600px) {
  .your-class {
    background-color: lightblue;
  }
}

And on my end all works fine as expected. The background color is changing as it should, so the media queries work fine from my perspective.

Could you please share some more information on what you are trying to do?

Ales
Plugin Author

It seems to work now. I have no idea why though as I did the exact same as your write, but maybe I have been missing the “only” as I rarely use that. Thanks for the quick assistance!