css suffix nomobile

Hello, i would like to have different contents in other modules only in the mobile version- is the a specific suffix to give to module like "onlymobile" exists? like nomobile which avoid the display.
because now the website is not responsive there is a large blue strip on the right and the images are narrow.
http://www.lespetitschanteursdesaintlouis.com
thks for your reply.
pascal

Hi

You should be able to use "nomobile", "nodesktop", "notablet", "onlymobile", "onlydesktop", "onlytablet".

But to be honest I do not remeamber if this old template got this added as well so please check and if this will not work add this to override.css

Code: Select all

.onlymobile, .onlytablet, .onlydesktop {
display: none !important;
}

@media only screen and (min-width:1024px) {
.onlydesktop {
display: block !important;
}

.nodesktop {
display: none !important;
}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
.onlytablet {
display: block !important;
}

.notablet {
display: none !important;
}
}

@media only screen and (man-width:767px) {
.onlymobile {
display: block !important;
}

.nomobile {
display: none !important;
}
}


thks for your reply

Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro