0
Welcome Guest! Login
0 items Join Now

class = visible-phone not working - afterburner2

Last Post
Search Topic

  • class = visible-phone not working - afterburner2

    Posted 10 years 7 months ago
    • I've added module classes 'hidden-phone' and 'visible-phone' to modules assigned to top-a position (it's the logo).

      class = hidden-phone is working in all sizes I've tested, and is (correctly) visible in layout > 480px,

      but class = visible-phone appears to be visible everywhere, every port size. It should only be visible in layouts <=480px wide.

      I've checked/re-checked my spelling. Any suggestions on how to make this work? Am I missing something?

      top logo is in module position top-a.

      Thanks, Vicky
    • Last Edit: 10 years 7 months ago by Vicky Thomas.
    • An old dog can learn new tricks - I saw it on Mythbusters!
    #1018253
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: class = visible-phone not working - afterburner2

    Posted 10 years 7 months ago
    • just a shot in the dark ...

      Can you try to add this to your css?

      .visible-phone {
      display: none !important;
      }
    #1018393

  • Re: class = visible-phone not working - afterburner2

    Posted 10 years 7 months ago
    • Henning, you are a great marksman! That did it. But ... why?

      Here is my mediaqueries.css:

      body .visible-phone {
      display:inherit !important;
      }
      body .hidden-phone {
      display:none !important;
      }
      body .hidden-desktop {
      display:inherit !important;
      }
      body .visible-desktop {
      display:none !important;
      }
      body .hidden-large {
      display:inherit !important;
      }
      body .visible-large {
      display:none !important;
      }
      Thank you! Vicky
    • An old dog can learn new tricks - I saw it on Mythbusters!
    #1018408
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: class = visible-phone not working - afterburner2

    Posted 10 years 7 months ago
    • could be a bug ...
    #1018414

  • Re: class = visible-phone not working - afterburner2

    Posted 9 years 1 month ago
    • Hi Henning,
      I have the same problem, 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 ti is visible only on phone and tablet but if i addals hidden-tablet nothing change, module is visibile both in phones and tablet.

      Try to add this to my mediaqueries.css as you suggest 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
    #1184251
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: class = visible-phone not working - afterburner2

    Posted 9 years 1 month ago
    • Please start a new thread for this so one of the other mods can pick this up?

    • The following users have thanked you: Genitori Channel

    #1184710

  • Re: class = visible-phone not working - afterburner2

    Posted 9 years 1 month ago
    #1185016

Time to create page: 0.055 seconds