-
Posts
-
Hello enfold support
Love your theme. But this last week i seem to be getting a lot of unusual and uncharacteristc buggy behaviour
I had a lovely looking site. And it has a nice colour selection element parallex effect going on (very nice) as shown in the image in this dropbox link
https://www.dropbox.com/s/zn0kqyn77q6tc3j/enfoldissue2.jpg?dl=0
You can see the red arrows pointing to it
Okay whats crazy is I’ve placed a code block on the top of my site on the same page (the home page), and its basically 2 divs within a container div and one div has an easy slider contained within. As soon as I placed this code block it has messed up another element further down my page. And that is the parralex effect colour selection element.
If you go to http://217.199.187.65/dentistdirect-colchester.co.uk/
You can see its got some warped effect where it is almost acting like other elements are nested within it but they aren’t they below it.
Could someone see what is going on? I have provided login information in private box. If I remove the easy slider shortcodes from the code block at the top of the page it goes back to how it should be. The two are somehow related and I’m sure they shouldn’t be
For some reason I can see 1 difference between the html in the working and non working version and that is the parameter for background height
<div class=”av-parallax avia-full-stretch active-parallax” style=”background-repeat: no-repeat; background-image: url(“http://217.199.187.65/dentistdirect-colchester.co.uk/wp-content/uploads/2014/09/parralel2.jpg”); background-attachment: scroll; background-position: left top; height: 346px; transform: translate3d(0px, 65px, 0px);” data-avia-parallax-ratio=”0.3″></div>
It seems if I remove the code block for the easy slider in the top of the page, the background height is 346px (see above html) and if I leave the slider in it outputs the following html a height of 2017(see following html). Bit of a bug ?
<div class=”av-parallax avia-full-stretch active-parallax” style=”background-repeat: no-repeat; background-image: url(“http://217.199.187.65/dentistdirect-colchester.co.uk/wp-content/uploads/2014/09/parralel2.jpg”); background-attachment: scroll; background-position: left top; height: 2017px; transform: translate3d(0px, 233px, 0px);” data-avia-parallax-ratio=”0.3″></div>
Another interesting note is if I clone the element so there is two, the first color selection element renders fine. How crazy! I’m thinking I could give the second a custom class name and set its display to none as a work around
- You must be logged in to reply to this topic.