Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 14, 2017 at 1:33 pm #864260
    gregorh

    Hello Support,
    I switched my site to Enfold last night and see a little problem with the Mansonry blog archive.
    On Firefox everything loos as expected but on Chrome the featured image sits behind the title container and only a little part of the image is visible.
    If I change z-index of the image from 1 to 3 it overlays the title but how do I get the image to stay on top of the title??

    Chrome browser:
    This is how it looks on chrome

    Firefox browser:
    This is how it should look (Firefox shows it OK)

    Please find a link to the page in Privat content area..

    Thanks for your help!
    Gregor

    October 16, 2017 at 5:50 am #864642
    John Torvik

    Hey gregorh,

    Please, may you provide to us your website link and the WP and FTP credentials?

    Best regards,
    John Torvik

    October 16, 2017 at 2:03 pm #864806
    gregorh

    Hello, sure just sent WP login details.

    Thanks!

    October 18, 2017 at 5:07 am #865516
    John Torvik

    Hi,

    Thanks for gave back the information and I have checked some settings and all looks normal and I checked the same page in the Firefox and here`s the result: http://prntscr.com/gyrmxg -> the images looks normally.

    Best regards,
    John Torvik

    October 18, 2017 at 10:46 am #865631
    gregorh

    Hi John, yes, in Firefox it looks as expected but not in (my) Chrome and that is what my topic is about:
    FF:OK CHROME:NOT
    Can you provide a Chrome screenshot where it looks like in FF?

    Regards,
    Gregor

    • This reply was modified 7 years, 1 month ago by gregorh.
    October 18, 2017 at 1:33 pm #865702
    Victoria

    Hi Gregor,

    They look the same on my end. Which screen size and Chrome version is that?

    Best regards,
    Victoria

    October 18, 2017 at 2:15 pm #865716
    gregorh

    Hello Victoria,
    this is on my iMac 27″ (2560 x 1440), Chrome is: Version 61.0.3163.100 (Offizieller Build) (64-Bit)

    Thanks,
    Gregor

    October 18, 2017 at 3:06 pm #865742
    Victoria

    Hi Gregor,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 1800px) {
  .responsive.html_stretched .av-masonry-col-flexible .av-masonry-entry {
    width: 25%;
  }

  .avia_sortable_active .isotope {
    min-height: 250px;
    height: auto !important;
  }
#av-masonry-1 {
   min-height: 520px;
}
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

    October 18, 2017 at 3:14 pm #865749
    gregorh

    Hello Victoria, thanks a lot for your help!
    Regards,
    Gregor

    October 19, 2017 at 11:23 am #866153
    Rikard

    Hi Gregor,

    Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.