Hi, I’ve just finished a site for a client and noticed some strange padding issues only in safari, hopefully you can help me.
The site is yogidev.co.uk/accentu
The pages affected are –
• http://yogidev.co.uk/accentu/portfolio-item/haven/
• http://yogidev.co.uk/accentu/fabrics/
• http://yogidev.co.uk/accentu/design/
• http://yogidev.co.uk/accentu/resources/
• http://yogidev.co.uk/accentu/about-us/
• http://yogidev.co.uk/accentu/contact-us/
I’m sure, comparing it with Chrome you will be able to see the issue.
Thanks,
Matt
Hey Matt!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.avia-safari div.hr.hr-invisible.avia-builder-el-1.el_before_av_one_half.avia-builder-el-first {
margin-top: 0;
}
If that does not help, please create a temporary admin login and post it here privately
Cheers!
Yigit
Hi!
I have added !important rule to the code and now it is working fine on my end
.avia-safari div.hr.hr-invisible.avia-builder-el-1.el_before_av_one_half.avia-builder-el-first {
margin-top: 0 !important;
}
Please review your website now
Cheers!
Yigit
Great thank you, while you’re here as well, I wanted to be able to zoom in on text on iphones and added this code to line 44 in header.php
“if( strpos($responsive, ‘responsive’) !== false ) echo ‘<meta name=”viewport” content=”width=device-width”>’;”
but it still won’t zoom on iPhones
Thanks,
Matt
Ah never mind, I hadn’t made the file writeable.