My columns are as narrow as I want in Firefox, but not in Safari. Why is that?
I’m using this CSS
div .av_one_third {
margin-left: 1.4%;
width: 32.4%;
}
div .av_two_third {
margin-left: 1.4%;
width: 66.2%;
}
Doesn’t work in Chrome either
Hi!
One what page are the 1/3 2/3 columns? Could you attach a screenshot highlighting what you are trying to achieve?
Regards,
Rikard
This is the column width in Firefox
http://borstch.eu/stuff/Firefox.png
This is the column width in Safari. Not as narrow as I want it. Any ideas?
http://borstch.eu/stuff/Safari.png
Hi!
I checked the site on safari but I don’t see much difference. Try to change the left margin specifically for safari browsers:
.avia-webkit div .av_one_third {
margin-left: 1%;
width: 32.6%;
}
.avia-webkit div .av_two_third {
margin-left: 1%;
width: 66.4%;
}
Best regards,
Ismael
Doesn’t work unfortunately. Any other ideas?
Hey!
did you try to play around with the values in Ismael’s code and cleared browser cache afterwards?
Best regards,
Andy
Managed to solve it with this CSS
.avia-image-container.avia-align-left {
margin-right: 0px !important;
}