I am trying to create a Joomla 5.2.1 upgrade of a site (J5 version in development: https://rnkj5.riponnoonkiwanis.org/medi ... css?2f39f9); and I want to be able to add text near the Brand/Logo, while also being able to constrict visibility of that text based on if the size of the screen, so I can customize the layout. This worked fine in Joomla 3 with by adding hidden-phone hidden-tablet or hidden-desktop in the Module Class Suffix, but it doesn't work in Joomla 5. It mostly worked in Joomla 4, but only if you changed Module Style to HTML5.
I was aware this option was on it's way out, but I've tried everything else I can think of, with no luck.
I have tried adding Module Class like d-none to no avail. Saw another thread that suggested adding a class that's applied at a certain media resolution, the example being:
@media (width <= 575.98px) {
.notonmob {
display: none;
}
}
I tried that, tried different variations of a custom class name and media dimensions, I save it to the user css in /media/templates/site/cassiopeia/css, cleared the cache and refresh; using the inspection tool in chrome, in every variation of this I've tried, the class never shows up as existing. I've tried adding it to other existing CSS files. To a child template. Nothing.
One of the variations I tried was .hidden with a media resolution; that didn't do anything, but I found a pre-existing .hidden class in template.min.css; I tried customizing that, even removing it; and again, clearing the cache every time, and the hidden class remained active, even if it was nowhere to be found in the files.
Found one Extension, Advanced Module Manager - doesn't really work.
This isn't the only instance where I've found it useful to be able to hide or show parts of the site depending on the device or resolution, but definitely the most prominent. Is there no actual way to do this anymore?
And just as importantly, how do you get any flippin' custom classes to be added to the css?? Because regardless of being able to hide a module, I can't even seem to add a class in general; and I've exhausted every method for customization I can find...
I was aware this option was on it's way out, but I've tried everything else I can think of, with no luck.
I have tried adding Module Class like d-none to no avail. Saw another thread that suggested adding a class that's applied at a certain media resolution, the example being:
@media (width <= 575.98px) {
.notonmob {
display: none;
}
}
I tried that, tried different variations of a custom class name and media dimensions, I save it to the user css in /media/templates/site/cassiopeia/css, cleared the cache and refresh; using the inspection tool in chrome, in every variation of this I've tried, the class never shows up as existing. I've tried adding it to other existing CSS files. To a child template. Nothing.
One of the variations I tried was .hidden with a media resolution; that didn't do anything, but I found a pre-existing .hidden class in template.min.css; I tried customizing that, even removing it; and again, clearing the cache every time, and the hidden class remained active, even if it was nowhere to be found in the files.
Found one Extension, Advanced Module Manager - doesn't really work.
This isn't the only instance where I've found it useful to be able to hide or show parts of the site depending on the device or resolution, but definitely the most prominent. Is there no actual way to do this anymore?
And just as importantly, how do you get any flippin' custom classes to be added to the css?? Because regardless of being able to hide a module, I can't even seem to add a class in general; and I've exhausted every method for customization I can find...
Statistics: Posted by stargazer1682 — Mon Nov 11, 2024 9:06 am