Topic: Slider fixed height broken « SeaTheme

This topic has 15 replies, 2 voices, and was last updated 4 years, 8 months ago by SeaTheme.

Viewing 16 posts - 1 through 16 (of 16 total)

Author

Posts
August 24, 2020 at 2:05 pm #22339

ariel
Participant

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

August 25, 2020 at 12:43 am #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.net – Twitter – Facebook

WordPress Customization Service from $49 Only! Save your expensive time!

August 25, 2020 at 8:09 am #22355

ariel
Participant

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

August 25, 2020 at 1:08 pm #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
WordPress Customization Service from $49 Only! Save your expensive time!

August 25, 2020 at 4:56 pm #22361

ariel
Participant

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

May 17, 2021 at 3:02 pm #24663

ariel
Participant

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

May 18, 2021 at 2:18 am #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 – FAQs – Twitter – Facebook
WordPress Customization Service from $49 Only! Save your expensive time!

May 18, 2021 at 8:57 pm #24688

ariel
Participant

Purchased
Expired

This reply has been marked as private.

WordPress Customization Service from $49 Only! Save your expensive time!

May 19, 2021 at 1:46 am #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 – FAQs – Twitter – Facebook

WordPress Customization Service from $49 Only! Save your expensive time!

May 19, 2021 at 6:45 am #24700

ariel
Participant

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

May 19, 2021 at 8:21 am #24710

ariel
Participant

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

May 19, 2021 at 8:29 am #24712

ariel
Participant

Purchased
Expired

(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!

WordPress Customization Service from $49 Only! Save your expensive time!

May 20, 2021 at 1:05 am #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 – FAQs – Twitter – Facebook

WordPress Customization Service from $49 Only! Save your expensive time!

May 20, 2021 at 6:29 am #24724

ariel
Participant

Purchased
Expired

This reply has been marked as private.

WordPress Customization Service from $49 Only! Save your expensive time!

October 7, 2021 at 10:01 am #25880

ariel
Participant

Purchased
Expired

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

WordPress Customization Service from $49 Only! Save your expensive time!

October 8, 2021 at 2:02 am #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 – FAQs – Twitter – Facebook
WordPress Customization Service from $49 Only! Save your expensive time!
Author

Posts

Viewing 16 posts - 1 through 16 (of 16 total)

You must be logged in to reply to this topic.