Phoca Cart is not displaying correctly on Safari

[thethe]

Hi Just testing our new sites on different devices.

Noticed: Products Page is not displaying correctly on Safari browser on both _ _ iOS 10.3.3 and MacOS 10.13.

On iPads, it is displaying a mess style, cannot even display the whole page.

On Mac OS, it is displaying three columns...

Anything I can do to restyle or update version of Phocacart?

Thanks
Nameless

[thethe]

Any updates thanks....

[Jan]

Hi, I have contacted some developers who work with Mac OS. None of them uses Safari because it seems like it does not work with many new features.

In this specific case, maybe it can somehow be related to Bootstrap columns.

This modification helps on some sites (I have tested it on Phoca Cart demo pages and it works - it helps when Safari displays the Bootstrap columns wrongly)

Add this CSS (best to add in custom.css of your template):

Code: Select all

.row:before, .row:after {
    display: inline-block;
}

to your site. And let me know if this helped.

Jan

[thethe]

Hi Thanks for that. Can this be added to Template.css the bottom bit? I do not see any custom.css...
The template I used is Nicepage.

Thanks
ML

[Jan]

Hi, custom.css is mostly created by users - in template directory, the advantage of custom.css is, it is loaded as last and it is not overwritten when updating. But of course, you can add it in every CSS you need, but it should be loaded as last (at least after Bootstrap CSS)

Jan

[thethe]

Try add in our site template. - css template.css file.
/** alt-color-rules **/

.row:before, .row:after {
display: inline-block;
}

/*end-variables sitestylecss*/
/*begin-variables custom-site-css*/ .u-position-1 {
display: flex;
align-items: center;
}

Still not working on Safari

any better suggestions?

Thanks
Manmg

[Jan]

Hi, no, unfortunately, I don't know the Safari bugs, all the hacks, advices for Safari I just found on Stack Overflow website.