i want to hide the right module from the mobile device, i have used several techniques but no one work for me. This is my website http://www.healthliteracyhub.com
i have used this template http://globbersthemes.com/livedemo/hurlington
Joomla Stack Exchange is a question and answer site for Joomla! administrators, users, developers and designers. It only takes a minute to sign up.
Sign up to join this communityi want to hide the right module from the mobile device, i have used several techniques but no one work for me. This is my website http://www.healthliteracyhub.com
i have used this template http://globbersthemes.com/livedemo/hurlington
In /yourtemplate/css/custom.css add the following code
@media (max-width:480px) {
#left ul li:before, #right ul li:before {
display: none !important;
}
}
Change the "480px" to whatever size you need this to be hidden from. If you want to hide this on all resolutions you can use the following code
#left ul li:before, #right ul li:before {
display: none !important;
}
It doesn't look like the template developer has much documentation on their website.
This template does not appear to use bootstrap.
Try adding these lines to the /templates/hurlington/css/style.css
file:
@media only screen and (max-width: 720px) {
#right {display: none;}
}
Or ask the developer for help (there's a contact and support link in the footer of the developer website).
720px
to 767px
instead, as this is the standard
– Lodder
Oct 26 '15 at 14:38
You could create a new module class for this in /yourtemplate/css/custom.css (if you don't have that file create a new one) with something like,
.myclass {
display: block;
}
and then to hide on mobile
@media (max-width:480px) {
.myclass {
display: none;
}
I forgot to mention, this method will allow you to hide any module from displaying on mobile, just use the class on each module you want to hide.
I have used several techniques but no one work
>>> Could you please mention these techniques? – Lodder Oct 26 '15 at 8:34