XF 1.2 CSS question

[giorgino]

One questions related to responsive design.
Can I use a multiple CSS class in a way like this?

<div class="visibleResponsiveFull,visibleResponsiveWide">

 

[rdn]

One questions related to responsive design.
Can I use a multiple CSS class in a way like this?

<div class="visibleResponsiveFull,visibleResponsiveWide">

Correct code:

<div class="visibleResponsiveFull visibleResponsiveWide">

Answer, YES.

 

[giorgino]

Correct code:

<div class="visibleResponsiveFull visibleResponsiveWide">

Answer, YES.

Don't work for me... It's because I used the comma separated version... (that don't work, of course)

 

[rdn]

Replace comma (,) with space.

 

[giorgino]

Replace comma (,) with space.

Done, but don't work. This is full code:

<xen:hook name="footer">

<div class="visibleResponsiveFull visibleResponsiveWide">
  <div class="footer">
    <div class="pageWidth">
        <div class="customFooter">
            <div class="sezioneLinkFirst">
                <div class="customFooterTitle">Cos'è centoiso.it?</div>   
                <p>centoiso.it è </p>
                <p>centoiso.it è un servizio gratuito e gode di informazioni aggiornate, precise e competenti per dipanare i quesiti e le questioni più complesse.</p>
                <p>centoiso.it è la community che vogliamo, che ci serve per informarci, raccontarci, mettere a confronto le nostre esperienze in modo libero e gratuito.</p>
            </div>
           
            <div class="sezioneLink">
                <div class="customFooterTitle">Pagine Utili</div>
                <ul class="customFooterLinks">
                    <li><a href="register">Nuovo di centoiso? Registrati!</a></li>
                    <li><a href="help/regolamento">Il regolamento del forum</a></li>
                    <li><a href="help/soluzione-problemi">Guida all'uso del Forum</a></li>
                    <li><a href="help/problemi-account">Aiuto per la Gestione dell'Account</a></li>
                    <li><a href="help/contatti">Contatta lo Staff di centoiso</a></li>                       
                    <li><a href="recent-activity">L'Attività in Tempo Reale</a></li>                   
                    <li><a href="account/news-feed">Il tuo Feed delle Novità</a></li>
                </ul>   
            </div>
           
            <div class="sezioneLinkLast">
                <div id="SignupButton"><a href="account/preferences" class="inner">Iscriviti al nostro Digest</a></div>
                <div class="cancellati"><a href="account/preferences">… oppure cancellati</a></div>
                <div class="customFooterTitle">Seguici sui Social Networks</div>
                <div class="socialIcon">
                    <a href="forums/-/index.rss" class="p-rss" alt="Seguici con i feed RSS"></a>
                    <a href="http://twitter.com/#!/centoisoit" class="p-twitter" alt="Seguici su Twitter"></a>
                    <a href="http://www.facebook.com/centoiso.it" class="p-facebook" alt="Diventa fan della nostra pagina facebook"></a>
                    <a href="https://plus.google.com/b/106506522074388650482/" class="p-googleplus" alt="Seguici sulla nostra pagina Google+"></a>   
                </div>           
            </div>
        </div>
    </div>
  </div>
</div>

 

[Jeremy]

Add hiddenResponsiveNarrow and hiddenResponsiveMedium to the classes.

 

[giorgino]

Add hiddenResponsiveNarrow and hiddenResponsiveMedium to the classes.

Work! So I've to use all the four classes for each div, right?

 

[Jeremy]

You probably only need to two I posted above.