Safari - lot of wraps / Visual Composer

kunstwerk · January 2016

Hi,

at safari browser there are a lot of wraps at sides which constructed by visual composer:

e.g. http://www.kunstwerk-design.de/previews/raceworx2016/bikes/bh-ultimate-rc-29-8-9

http://www.kunstwerk-design.de/previews/raceworx2016/

(pw: rw2016)

please compare this sides with firefox or chrome.

do you know what the problem is?

Albert · January 2016

What wraps you mean? Please show it us on screenshots.

kunstwerk · January 2016

the wraps of columns

Albert · January 2016

But we don't see anything wrong on above pages. To be honest, we have no idea what you exactly mean and want to do.

kunstwerk · January 2016

hi, please take a look here:

https://www.dropbox.com/s/zo5u1zwr85afbkc/Bildschirmfoto 2016-01-29 um 15.08.48.jpg?dl=0

Albert · January 2016

Ok, we got it now. When we checked it first time in Safari, those columns were fine but now they are not. We did checked it and noticed that the problem is with flex styles on VC plugin's side. At this moment, only the following css would help:

.vc_col-sm-6 {
    width: 49.9%;
}

kunstwerk · January 2016

Okay it works but not at the row with the 4 images:

https://www.dropbox.com/s/d0a63clvdfkaqo9/Bildschirmfoto 2016-01-29 um 16.53.08.png?dl=0

i have add this code, but without effect at safari. works in chrome and firefox

.vc_col-sm-3 {

width: 24.9%;

}

kunstwerk · January 2016

Hi Muffin,

i have also a column problem at mobile devices:

https://www.dropbox.com/s/t6qgqpduqci24sh/image1.PNG?dl=0

the columns are broken but not enlarged to the full width.

this content are build with the visual composer.

Albert · January 2016

For 4 rows, you must use smaller value than 24.9%.

Because VC uses flex which does not work properly with Safari, we suggest to use our Muffin Builder instead. We will report it to plugin's author but we don't know when this could be sorted.

kunstwerk · January 2016

okay thats my temporary solution:

.vc_col-sm-6 {

width: 49.9%;

}

.vc_col-sm-4 {

width: 33.2%;

}

.vc_col-sm-3 {

width: 24.9%;

}

@media only screen and (max-width: 640px){

.vc_col-sm-6 {width: 100%;}

.vc_col-sm-4 {width: 100%;}

.vc_col-sm-3 {width: 100%;}

}

Albert · February 2016

Great!

Safari - lot of wraps / Visual Composer

Comments