I have some problems with visible-phone class.
I want a module to display only on phones and hidden on tablet and desktop.
When i add visibile-phone to css class, module is visible everywhere, if i add hidden-desktop it is visible only on phone and tablet but if i add hidden-tablet nothing change, module is visibile both in phones and tablet.
Try to add this to my mediaqueries.css as suggested in
this thread
but nothing change
.visible-phone {
display: none !important;
}
URL is
www.genitorichannel.it
You will see the banner in the sidebar position for desktop and in the content-top-a position for phone but if you see it in tablet you will see both modules (sidebar and content-top-a position).
i am trying with hidden-tablet and hidden-desktop, now i add also visible-phone, can you see it?
On my tablet (ipad) i see only the sidebar module if i keep the tablet horizzontally but if i turn it vertically, i see both modules (sidebar and content.top).
BM
Glad to be of service. If this solved your issue, please mark the subject of your original post [SOLVED]. Likewise, if you still need help please reply with details.
i have the same problem now, i add the module i wish to be seen only on phones and use visible-phone css class but i can't see it nowhere. I check it on Samsung and Iphone with different sizes