-
Posts
-
Hello,
i am building a page with the builder and using columns with no spacing and with easy sliders on them.Layout works fine on Chrome, Firefox, and Opera, but on Safari a white space appears between columns.
You can check the page here: http://superior.kodeserver.net/website/Also, notice the second row with 3 columns, on all browsers, at the right of last column, there is some white. Can it be removed?
Hope you can help, thank you.
Hey!
Thank you for the info.
I can’t reproduce the issue on my browser but please try this code in the Quick CSS field.
#top .no_margin.av_one_third { width: 33.3336%; }Regards,
IsmaelProblem was somewhat reduced on the 3 column row.
White space between columns is still visible on Safari though, and last column on the row with 3 columns still has a 1px white vertical line showing on Safari/Chrome/Opera. Only Firefox is perfect.Hey!
The css code above should actually increase the width of the columns. I’m not sure how you see the reverse. Another workaround is to decrease the max width of the main container by a pixel.
.responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header { width: 1299px; }Best regards,
IsmaelYour last CSS snippet did not work. But it gave me an idea. I increased boxed site width in Theme options from 1310 to 1311, and used the snippet you gave me before:
#top .no_margin.av_one_third { width: 33.3336%; }Now 3 columns is working fine, only on the 2 column first row do we notice vertical white lines on Safari.
Chrome, Opera and Firefox are perfect now.
And we will settle on this solution. Thank you.
- You must be logged in to reply to this topic.