Hello.
I purchased the Eventus Joomshaper template. It has been amazing for our organization! I have only one question about how the template works.
The template uses a page class "transparent-header".

This looks very good on some pages! It looks great on top of our full-screen content on desktop!

But on the mobile version of the site, it causes the menu and logo to cover up important parts of the webpage.

In order to solve this, I would like for the header to NOT be transparent, but ONLY on the mobile version.

Is there any way to make the transparent-header class only apply on the Desktop and Tablet versions?
Thank you very much for your help.