0
Welcome Guest! Login
0 items Join Now

SOLVED visible-phone class not working

  • SOLVED visible-phone class not working

    Posted 9 years 4 weeks ago
    • 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).

      Thanks for any help
      Barbara
    • Last Edit: 9 years 3 weeks ago by Genitori Channel.
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: visible-phone class not working

    Posted 9 years 4 weeks ago
    • I do not see any module on that page with the class "visible-phone" at present
  • Re: visible-phone class not working

    Posted 9 years 4 weeks ago
    • 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
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: visible-phone class not working

    Posted 9 years 4 weeks ago
    • you actually have "visibile-phone"
      visible is mispelled. change it to visible-phone

      and remove hidden-tablet and hidden-desktop
    • The following users have thanked you: Genitori Channel, Laurie McArthur

  • Re: visible-phone class not working

    Posted 9 years 4 weeks ago
    • You are right, now it seems ok, i have to test it on different devices.
      Thanks
      BM
    • cdavis411's Avatar
    • cdavis411
    • Preeminent Rocketeer
    • Posts: 17787
    • Thanks: 882

    Re: visible-phone class not working

    Posted 9 years 4 weeks ago
    • 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.
  • Re: visible-phone class not working

    Posted 9 years 2 weeks ago
    • 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

Time to create page: 0.054 seconds