Hi Frosticek

i find the style for "send to friend" layout very bad  when you go responsive.

i think its much better if these  lines where changed
#friend .third {width:48%;float:left;margin-right:2%;margin-bottom:10px;clear:both}
#friend .four {width:48%;float:right;margin-left:2%;}

to this
#friend .third {width:100%;float:left;margin-right:2%;margin-bottom:10px;}
#friend .four {width:100%;float:right;margin-left:2%;}

i know it takes up abit more space on the desktop version but responsive is alot neater throughout.


Cheers
Chris

@aweegander
On responsive view, these lines are expanded to be full width.

they do not Frosticek. check your own demo for responsive  http://patricia.mb-themes.com/item/send-friend/239

they stay in columns  and things just get abit untidy in responsive under 504px

cheers
Chris

i reverted back the style in style.css

#friend .third {width:48%;float:left;margin-right:2%;margin-bottom:10px;clear:both}
#friend .four {width:48%;float:right;margin-left:2%;}


and placed this in the responsive.css
@media screen and (max-width: 515px){   
  #friend .third {width:100%;float:left;margin-right:2%;margin-bottom:10px;}
  #friend .four {width:100%;float:right;margin-left:2%;}
}

everything looking good now mater the screen resolution

ps:i was a dummy, dont know why i didnt do the @media command to begin with :-/ lol

Cheers
Chris

@BabyDunk
thanks