Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #864260

    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

    #864642

    Hey gregorh,

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

    Best regards,
    John Torvik

    #864806

    Hello, sure just sent WP login details.

    Thanks!

    #865516

    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

    #865631

    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, 2 months ago by gregorh.
    #865702

    Hi Gregor,

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

    Best regards,
    Victoria

    #865716

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

    Thanks,
    Gregor

    #865742

    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

    #865749

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

    #866153

    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

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