Okay
  Public Ticket #391885
Image Grid Style gallery breaking point behaviour
Closed

Comments

  • Alice started the conversation
    March 12, 2015 at 11:18pm

    Hello there!

    I have a strange thing with the image grid style gallery.

    The defined 3-column-row breaks into a 2-column when viewed on a monitor with the size 1440 x 900 px (apple).

    Whereas when viewed on others like 1600 x 900 px or even 1280 x 1024 px (both pc) this does not happen and you can see wonderful 3 columns.

    What can I do? Can you help me with this issue somehow, please?

    Thanx in advance like always!

    regards, *alice.

  •  8,849
    Tahir replied
    March 13, 2015 at 4:29pm

    Hey,

    I can seem to recreate it in emulation mode. Could you please let us know which Browser you are having this issue and what OS . Screenshots if possible.

    Thanks

    ThemeNectar Support Team 

  • Alice replied
    March 16, 2015 at 11:50pm

    Dear Tahir,

    here's some more information where the issue is happening:

    Browser: Chrome (41.xx)
    Display: 1440 x 900
    OS X Yosemite

    Unfortunately I can't serve with more Screenshots apart from the one I already attached in the first mail. My customer applied a very good image protection in the meantime. Do you think this information is enough? I could ask for a photograph from the monitor if you wish ....

    regards,
    *alice.

  •  1,075
    ThemeNectar replied
    March 19, 2015 at 12:47am

    Hey Alice,

    is there anyway you could allow me to log in to check on everything a little more?

    Cheers

  •   Alice replied privately
  •  1,075
    ThemeNectar replied
    March 23, 2015 at 7:47am

    Hey Alice, 

    @media only screen (min-width: 1000px) {
body .portfolio-items .col.span_4 {
  width: 30.08%!important;
}
}

    Cheers

  • Alice replied
    March 29, 2015 at 11:27pm

    Hi,

    unfortunately this didn't help. I copied your code into the salient custom css code field but there seems to be some warning icons. I have attached a screenshot.

    Have I done something wrong?

    thanx,
    *alice.

  •  8,849
    Tahir replied
    March 30, 2015 at 4:42pm

    Hey Again,

    Try this instead , there is a "and " missing: 

    @media only screen and (min-width: 1000px) {
body .portfolio-items .col.span_4 {
  width: 30.08%!important;
}
}

    Thanks

    ThemeNectar Support Team 

  • Alice replied
    March 31, 2015 at 11:27pm

    Super duper! Now it works! Thank you very very very much :*

    *alice.