I think you'd use CSS @media queries (not the expert, so only pointing you to relevant resources that might help):
https://www.w3schools.com/css/css_rwd_mediaqueries.asp and more examples: https://www.w3schools.com/css/css3_mediaqueries_ex.asp
See the example headed "typical device breakpoints". Use the ones concerning mobile devices.
Essentially the media query will apply when the device used meets the criteria e.g. a screen smaller than 992px will show an image/logo. You write the CSS (for Cassiopeia, in user.css), and the browser takes care of it).
Others I'm sure will add to my advice here.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp and more examples: https://www.w3schools.com/css/css3_mediaqueries_ex.asp
See the example headed "typical device breakpoints". Use the ones concerning mobile devices.
Essentially the media query will apply when the device used meets the criteria e.g. a screen smaller than 992px will show an image/logo. You write the CSS (for Cassiopeia, in user.css), and the browser takes care of it).
Others I'm sure will add to my advice here.
Statistics: Posted by AMurray — Thu Apr 25, 2024 9:49 pm