I have multple images floating around in my header. The header looks proper in every browser (IE, Firefox, Chrome, Safari) except Opera where the padding does not seem to work properly. The issue is the alignment of my social media icons below my search bar.
Here is the site: http://www.wallcrafters.com/ it looks fine in all the other browsers but in Opera does not align right. Here is my heading HTML5 code:
In IE I had to change the from this .sMediaContainer {padding:25px 68px 0 0;} from padding to margin to get it to display properly which it does. The issue still persists in Opera. Your help would be much appreciated.
Header padding issue in Opera only
in CSS
Posted
I have multple images floating around in my header. The header looks proper in every browser (IE, Firefox, Chrome, Safari) except Opera where the padding does not seem to work properly. The issue is the alignment of my social media icons below my search bar.
Here is the site: http://www.wallcrafters.com/ it looks fine in all the other browsers but in Opera does not align right. Here is my heading HTML5 code:
And here is my css coding:
In IE I had to change the from this .sMediaContainer {padding:25px 68px 0 0;} from padding to margin to get it to display properly which it does. The issue still persists in Opera. Your help would be much appreciated.