The animations are working, but my problem is, that when the sections / divs have faded up, they will go down like a 10px-s.
You can take a look at my demo site, just scroll down the homepage:
https://tetocserepemuj.gras.hu/
I have tryed, what can i read on the plugins page and on github. I search for this issue, but didnt find any posts.
Related
My problem: When visiting my website on mobile, the logo does not resize, and it cuts off.
I have tried: I have tried adding some CSS code that I found online, but it did not do the trick for me unfortunately, it must have been using the wrong css selectors, but I am not very familiar with CSS/Responsive themes.
Screenshot of problem
Unfortunately I can't reproduce this in a JSFiddle or otherwise, when I do it simply works properly. From there I still was not able to narrow it down to figure out what is causing it. Here is the link to the development site:
http://dev.fusion-inc.net
This bug is only visible in Chrome, I am using the latest version, and the problem still appeared on the previous version (I just updated this morning).
Watch the links in the content of the home page carefully, when the image slider transitions, you will see a change in the text of the links. It's almost as if the anti-aliasing changes somehow and causes the text to become just a smidge thinner. You may need to zoom in to see it well.
Any idea what's causing this? I'm completely stumped, the only thing I can figure is something in the rendering of the animation of the slider is tweaking some anti-aliasing or something causing the fonts to move a bit. Even the youtube and linked in images in the footer have the same problem.
#content * {-webkit-backface-visibility: hidden;}
The above fixed it thanks to someone in Chat.
Similar problems should reference this link: Prevent flicker on webkit-transition of webkit-transform
I have a client that is looking for a Wordpress plugin or theme that will display an image over a rotating slider, similar to the home page here: https://www.threebakers.com/
Any thoughts on an out-of-the box solution, or do I need to build this one by hand?
Ironically, I did this exact thing on this site here:
http://www.gilbertmeatlocker.com
Its using the popular Flex Slider, but its not Wordpress. I was working with Drupal on that particular site, so its a custom implement of the stand-alone javascript Flex Slider.
I had to fiddle around with z-index and I used negative-margins to move elements into position.
That particular implementation on gilbertmeatlocker.com is extra complex because the silver frame around the edge is also overlapping the Flex Slider. I would recommend not doing a frame like this if possible, though. It added some serious bugs that were difficult to make work on all browsers.
Putting a single image over the slider like your bakery example or the gilbertmeatlocker.com logo shouldn't be a problem though.
If noone else recommends something better, you could try Flex Slider. There is a Wordpress version of it.
I'm working on a site and I have a big css problem; my menus are 'Swinging' in a very weird manner when hovered. The css / html code on its own works well, but once I implement the slider within the real site it behaves differently. Its probably a css issue, but also to note is my site is built on a Responsive theme. Anyone with an idea of how I can fix this please lete kme know. Thanks. Here is the link to the site.
When you say "swinging" do you mean the effect where they start at the top-left then grow diagonally to the bottom-right? That's jQuery's ".show" event firing. Try replacing that with ".slideToggle".
Unfortunately the Wordpress template you're using is quite messy so it's hard to troubleshoot.
My site looks great in every browser but IE. On the home page, there is a div holding thumbnail images that will not respond to css positioning.
http://www.lucky-seed.com/
And on many of the other pages, my jquery slideshow completely disappears.
http://www.lucky-seed.com/web.html
I've done a good amount of reading but can't figure out these two issues. I am already creating a separate style sheet for IE.
To fix the jQuery slideshow disappearing in IE, change your comment on the page from this:
<!--end of description--!>
to this:
<!--end of description-->
After doing that, it's visible, but in the wrong position.
I will add to my answer after I figure the rest out. You've really asked more than one question here.
Amusingly, you have the same type of comment breakage on your home page:
<!--end of text--!>
You know what to do. Find all instances of these comments on all pages of your site, and get rid of the exclamation mark at the end.
They're severely confusing our good friend Internet Explorer.