Problem with suffixes

I´m treating to apply both suffixes simultaneously, such as: “ notablet nomobile” but just it working one of them. Do you know what´s happening?

Hi

You may need to rewrite this suffixes in css. Please take a look at this thread it will explain the new suffixes: https://www.gavick.com/forums/music/suf ... et#p113904

Ready. Copy-Paste the code in override.css, the override css in template settings is enable, but nothing ... it doesn´t work

Hi

Are You sure override is enabled in template settings. And did You include a small fix to this code mentioned in a post below it ?

Yes. override is enable in template settings and the code below in override.css

/*
#------------------------------------------------------------------------
# News - December Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
*/

/* Here you can include your override CSS styles */


/* tablet/mobile suffixes */
.notablet {
display: block;
}
.nomobile {
display: block;
}
.onlytablet {
display: block;
}
.onlymobile {
display: block;
}

@media only screen and (min-width:720px) and (max-width: 985px) {
.onlytablet {
display: block;
}

.notablet {
display: none;
}
}

@media only screen and (max-width:719px) {
.nomobile {
display: none;
}

.onlymobile {
display: block;
}
}

Hi

Something doesn't look right. Please send me an access to joomla panel so I'll check it.

Hi

Ok. It wasn't easy to process, but it's logical that using 2 suffixes cannot work, becauase one is telling module to hide and other to stay. In such case what matter is an order suffices were added. So it's too much of a headache. I've made one new suffix "onlydesktop", which will hide such module from different layouts, but You need to replace all double suffixes to this now. Here is a code I've added to override.css:

Code: Select all

/*
#------------------------------------------------------------------------
# News - December Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
*/

/* Here you can include your override CSS styles */


/* tablet/mobile suffixes */
.onlydesktop {
    display: block !important;
}
.notablet {
    display: block !important;
}
.nomobile {
    display: block !important;
}
.onlytablet {
    display: none !important;
}
.onlymobile {
    display: none !important;
}

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

.notablet,
.onlydesktop{
    display: none !important;
}
}

@media only screen and (max-width:719px) {
.nomobile,
.onlydesktop {
    display: none !important;
}

.onlymobile {
    display: block !important;
}
}


thanks!

Hi

No problem. Glad I could help.