royhiggs

A few things.

First of all, this isn’t resolved because the release isn’t out yet. Yet it is marked as resolved.

Second, I just realized I was posting this on the WEN Corporate support and we are using the WEN Business theme. Will this be fixed in both themes?

Also, we just had a case today where the picture showed but the text overlay didn’t. This is a different scenario. Will the (hopeful) fix address this situation as well?

Can I get a beta build to deploy on our staging site to test out?

I added some media queries in CSS that will work as a workaround. The problem is that now it is not reproducable, but as far as I can tell WEN isn’t concerned about the bug or about fixing it since they have gone silent. That’s a shame. If you are working on it and would like to be able to repro it let me know and I can remove the media queries from the staging site and point you there.

@media screen and (max-width: 400px) {
#main-slider {
min-height: 94px;
}
}

@media screen and (min-width: 401px) and (max-width: 1024px) {
#main-slider {
min-height: 281px;
}
}

@media screen and (min-width: 1025px) {
#main-slider {
min-height: 440px;
}
}

I can definitely see that when the page loads and the slider is not visible the height is getting set to zero. When the slider is visible the height is getting set to a valid number > 0. In the meantime I’m wondering if I can do something with CSS like a minheight?

<div class=”cycle-slideshow” id=”main-slider” data-cycle-fx=”fadeout” data-cycle-speed=”1000″ data-cycle-pause-on-hover=”true” data-cycle-log=”false” data-cycle-swipe=”true” data-cycle-auto-height=”container” data-cycle-caption-template=”<h3>{{title}}</h3><p>{{excerpt}}</p>” data-cycle-timeout=”3000″ style=”position: relative; height: 0px;”>

Also, I’m basically just using the slider to display an image with some text overlay on the home page. I don’t mind just putting the image directly on the home page and not using the slider, but when I do that the image doesn’t take up the entire width of the screen. It fits within the page layout. If someone can tell me how to get an image that is placed directly on the home page to expand out to the full screen width then I can go that route for now until the slider issue is fixed.

I have been working on this a lot today experimenting with different settings and image sizes to see if I can find a workaround. One thing that I have noted is that I have been unable to break it in IE or Firefox. So far I have only been able to get it to break in chrome both on my android phone and on my windows laptop.

I really need this fixed. WEN, can you let me know if you are even looking at the issue and what your timeline is for fixing it?

Thanks Andrew. WEN, any updates? You guys able to repro?

If you are having a difficult time reproducing the issue; e.g. if you refresh it a bunch of times and the slider always loads, then leave the page open in the browser and go do something else for a while. Then come back and refresh it a few times and it will generally break.

Can you please provide a status on this?

Have you had a chance to debug this yet? I’m really hoping I don’t have to go through all the work of changing themes. This is a basic piece of functionality that I would think you guys would want to have working.

The site is at https://www.ochrach.com

You may have to refresh it a number of times to get the slider (the tiger image) to not show.

Also, sometimes the image will load but the text won’t. Most of the time neither load.

Wanted to bump this up to the top as it is a pretty big issue – not being able to drill down to the secondary menus on a tablet.

Hi, you should be able to get to the site at https://dev.ochrach.com

Thanks!

I still haven’t been able to get this to work. I have some other media queries that are working in other areas of the site, but for some reason they aren’t working on the slider caption.

I have been looking into media queries and have tried this in the Custom CSS editor for the theme options, but no luck so far.

@media (min-width: 750px) and (max-width: 1200px) {
.cycle-caption h3, .cycle-caption h3 a {
font-size: 12pt;
}
}

@media (max-width: 749px) {
.cycle-caption h3, .cycle-caption h3 a {
font-size: 8pt;
}
}