0
Welcome Guest! Login
0 items Join Now

nucleus.css is overriding media query classes?

    • shenk's Avatar
    • shenk
    • Hero Rocketeer
    • Posts: 424
    • Thanks: 11

    nucleus.css is overriding media query classes?

    Posted 8 years 11 months ago
    • This image is hidden for guests.
      Please log in or register to see it.


      .visible-desktop is not working due to this issue!
    • Last Edit: 8 years 11 months ago by shenk.
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: nucleus.css is overriding media query classes?

    Posted 8 years 11 months ago
    • Hi there,

      There is a good reason for that. The class .g-block surronds most items on a page, including nested items. If you set display to none then you will have pretty much a blank page.

      Perhaps you could tell us what you want to achieve and we can give you a better solution.

      Hope this helps 8)

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
    • shenk's Avatar
    • shenk
    • Hero Rocketeer
    • Posts: 424
    • Thanks: 11

    Re: nucleus.css is overriding media query classes?

    Posted 8 years 11 months ago
    • ......what I want to do should be very obvious from the picture

      visible-desktop is one of the bootstrap media query classes which gantry has implemented since eras ago. Adding this class to a particle in the layout setting page makes the particle has .g-block.visible-desktop. And it is supposed to be hidden when screen.width()<47.938rem, but because of .g-block.visible-desktop{display:block !important}, it is not!
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: nucleus.css is overriding media query classes?

    Posted 8 years 11 months ago
    • Hi Shenk,

      OK - apologies - I misread the code and was thinking larger than 48rem for some unknown reason :blush:

      Can you tell me what version of Gantry you are running please as this problem was supposedly fixed in August last year.

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
    • shenk's Avatar
    • shenk
    • Hero Rocketeer
    • Posts: 424
    • Thanks: 11

    Re: nucleus.css is overriding media query classes?

    Posted 8 years 11 months ago
    • I am using photon template.
      Not only photon, galatea is also having this problem. I think this problem was actually created when they tried to fix something.
    • Last Edit: 8 years 11 months ago by shenk.
    • David Goode's Avatar
    • David Goode
    • Preeminent Rocketeer
    • Posts: 17058
    • Thanks: 890
    • Web Designer and Host

    Re: nucleus.css is overriding media query classes?

    Posted 8 years 11 months ago
    • Hi Shenk,

      I am also following this on github. We are still investigating. I will check Galatea too.

      Thanks for your patience 8)

    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information

Time to create page: 0.064 seconds