Home Forums ART WordPress Theme Slider fixed height broken

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #22339
    ariel
    Participant
    Purchased
    Supported

    hi,

    slider fixed height seems to be broken since the latest update. the slider is showing 1px high, no matter what I enter:

    https://arielhuber.net/making-casegoods/

    tried removing and creating a new slider, with the same result
    best,
    ariel

    #22346
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    Did you fix it?
    I checked the website, the slider works. screenshot: https://www.dropbox.com/s/sbzastgpebby64t/qq20200825-084207.jpg?dl=0

    Regards!

    SeaTheme – SeaTheme.netTwitterFacebook

    #22355
    ariel
    Participant
    Purchased
    Supported

    No I didn’t. I found that the issue seems to be browser-specific.

    The gallery displays correctly in Safari and Brave, but not in Firefox (v79.0) – both in Front- and Backend:

    Here’s two screenshots. The gallery is the pixel at the end of the arrow 😉
    Frontend: https://www.dropbox.com/s/47r9502bmvwwi4i/Screenshot%202020-08-25%20gallery%20frontend.jpg?dl=0
    Backend: https://www.dropbox.com/s/4zx36pn4mqm9pzn/Screenshot%202020-08-25%20gallery%20backend.jpg?dl=0

    And I have one more question as I’m looking at the slider: Is it possible to define the alignment of the images within the slider?
    Vertical images are always centered towards the slider width, but I would like them to me aligned towards the left.

    Best,
    Ariel

    #22359
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    1.
    I tested on Mac Firefox v80, it works fine, the video here: https://www.dropbox.com/s/hh1kuercpfv1pr7/QQ20200825-210240-HD.mp4?dl=0
    What’s your os? Win or Mac os? You could try to update FF to v80. It may be a FF bug. Please clean the browser cache to test.

    2.
    Please paste the custom CSS code to “Appearance > Customize: Additional CSS”:

    .slider-img-fit-contain .grid-item-img { 
        object-position: left;
    }

    Best

    #22361
    ariel
    Participant
    Purchased
    Supported

    1. I updated to v80 but still have the issue both on desktop and iPad. Maybe still something hanging in the cache.
    I set the slider to fluid height for the time being and will check at a later point when I have time.

    2. works perfectly. Thanks a lot!

    Best,
    Ariel

    #24663
    ariel
    Participant
    Purchased
    Supported

    hi,

    today I tested again and I still have issues with sliders when using fixed height, but only under certain circumstances:

    On my Desktop (MacPro 2013, MacOS 10.15.7) the issue appears in certain window sizes.
    No issues in very narrow and a very wide window, but the gallery disappears in in-between-sizes.
    My guess is that it works in Mobile Layout and as soon as there is enough space for the full content width.
    (Site settings: Main Container Type: Fluid Width / Main Container Fluid Padding: 20px / Main Container Max Width: 1500px)
    This happens Safari v14.0, Firefox 88.0.1 and Brave 1.24.85.

    The gallery works fine on the iPad Mini in a horizontal view, but the gallery disappears in vertical view – both in Firefox and Safari

    On my Laptop (MacBook Pro 13″ 2020, MacOS 10.15.7) it seems to work fine now no matter what I do, in all browsers.

    https://arielhuber.net/en-toutes-transparences/

    I wonder whether you can reproduce this issue or it only happens in my environment…
    best
    ariel

    #24671
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,

    I tested this page again. It works fine.
    We didn’t have MacPro, so I use responsive mode of the 2 browsers: https://www.dropbox.com/s/jjrxlyo8pp39voz/qq20210518-100828-hd.mp4?dl=0

    We didn’t receive this issue report from other users for now.

    ps:
    Please make a test: add the custom CSS, and check on your browsers if it works:

    @media(min-width:768px) {
    .module-id-1621253995907 .owl-stage-outer, 
    .module-id-1621253995907 .owl-stage,
    .module-id-1621253995907 .owl-item,
    .module-id-1621253995907 section,
    .module-id-1621253995907 .slide-item-wrap,
    .module-id-1621253995907.carousel-img-wrap,
    .module-id-1621253995907 img {
        height: 750px!important;
     }
    }

    please clean your browser cache to test.


    Regards!
    SeaTheme – FAQsTwitterFacebook

    #24688
    ariel
    Participant
    Purchased
    Supported
    This reply has been marked as private.
    #24690
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,
    Thanks for the tips, I found it.
    Please paste the custom CSS code to “Appearance > Customize: Additional CSS”, it should be fixed.
    body.single .slider-style1 { --slider-height-style1-m:750px; }


    Regards!
    SeaTheme – FAQsTwitterFacebook

    #24700
    ariel
    Participant
    Purchased
    Supported

    perfect – this solves the issue. thanks a lot!
    ariel

    #24710
    ariel
    Participant
    Purchased
    Supported

    One more thing: I have the same issue on my other website.
    I run a test for the slider here: https://igaf.ch/info/

    Main Container Max Width width of the site is 1200px, padding
    Main Container Fluid Padding

    #24712
    ariel
    Participant
    Purchased
    Supported

    (sorry the last reply went out incomplete!)

    One more thing: I have the same issue on my other website.
    I run a test for the slider here: https://igaf.ch/info/

    Main Container Max Width width of the site is 1200px
    Main Container Fluid Padding is 60 px
    –> Content width is 1080px

    Images for the slider are 1080 x 810px
    Slider fixed height is 810px

    I tried applying your CSS for 810px height:
    body.single .slider-style1 { –slider-height-style1-m:810px; }

    This does not seem to fix it, the slider is disappearing depending on the window size.

    If I get this working I can throw out the MasterSlider plugin which I’ve been using as a workaround and use the ART theme slider…
    Thanks a lot in advance!

    #24719
    SeaTheme
    Keymaster
    Purchased
    Expired

    Because the CSS only affects the single project pages

    Please update the CSS as:
    .slider-style1 { --slider-height-style1-m:750px; }
    It will affect all pages


    Regards!
    SeaTheme – FAQsTwitterFacebook

    #24724
    ariel
    Participant
    Purchased
    Supported
    This reply has been marked as private.
    #25880
    ariel
    Participant
    Purchased
    Supported

    Hi,
    i continue in this thread as there seems to be a new issue with the fixed-height slide after updating ART Theme

    Site: https://igaf.ch/ main page

    On certain window sizes the fixed height (set to 810px) seem broken and the gallery goes into the black footer bar.
    This happens on my MacBook Pro 13″ (Screen size: 2560 x 1600 retina screen)

    The gallery appears to be roughly double the height, 1620px instead of 810. Is it possible that this has to do with the retina screen that the gallery doubles in size?

    I cannot reproduce the issue on my larger screen even if I resize the window. One more reason to think it has to do with the retina resolution…

    I have the following custom CSS which you gave me in order to solve an issue where the slider disappeared in some cases:
    .slider-style1 {–slider-height-style1-m:810px; }
    But the new issue seems to be independent of this.

    Best regards
    Ariel

    #25884
    SeaTheme
    Keymaster
    Purchased
    Expired

    Hi,
    Please update the custom CSS:

    .slider-style1 {
    --slider-height-style1-m:810px; 
    }

    update as:

    .slider-style1 {
        --slider-height-style1-m: 810px;
        --slider-height-style1: 810px;
    }

    Regards!
    SeaTheme – FAQsTwitterFacebook

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

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!