Ask your WordPress questions! Pay money and get answers fast! (more info)

Safari CSS issue help please WordPress

  • SOLVED

Hi Guys

ON the home page of this site

http://www.thenutritioncoachnetwork.com/

Where the paragrapch says "Save money and time" looks fine in Chrome (Mac) but in Safari it looks like this:

http://screencast.com/t/2s3XJ5dJPS

Can someone see what I am doing wrong please?

Many thanks
Steve

Answers (3)

2013-06-24

Remy answers:

Looks like the margin-bottom on the .nh_clear is responsible. You might want to remove it and set the margin-top of the .nh_text-1 to 80px


Steve Watson comments:

Awesome Remy, thanks that sorted it.

2013-06-24

isp_charlie answers:

here man: just change nargin-bottom to padding
.nh_clear {
clear:both;
padding-bottom:80px !important;
}

2013-06-24

idt answers:

I think that is because of the floating nh_video and nh_optin elements. Enclose those two within a div with class clearfix. So structure becomes something like this:

<div class="clearfix">
<div class="nh_video">
<!-- Contents here -->
</div>
<div class="nh_optin">
<!-- Contents here -->
</div>
</div>