Solved

What makes photo move when figcaption comes up?

Posted on 2016-09-15
2
40 Views
Last Modified: 2016-09-15
http://www.goodlowsodiumfoods.com/responsive/  near the top of the page, there are three photos of food, and when you hover over each one, a figcaption appears.

Client doesn't like that the photo moves up when the caption scrolls up. I can't figure out what code is doing that. Can you help?

Thanks, this is a template I am using.
0
Comment
Question by:mel200
2 Comments
 
LVL 35

Accepted Solution

by:
Kimputer earned 500 total points
ID: 41800039
Remove from main.css

.no-touch .mask figure:hover img,
.mask figure.cs-hover img {
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
}

Open in new window

0
 

Author Closing Comment

by:mel200
ID: 41800130
Genius!! Thanks.
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

743 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

8 Experts available now in Live!

Get 1:1 Help Now