Safari layout differs from other browsers
This support request was posted in Smart by limeloop
- limeloop June 17, 2019 at 2:34 pm
Hi,
It seems to be a problem with the layout on various section on the homepage in Safari.
I would guess it is a css grid problem but my version (12.0.3) of Safari supports it.Best regards,
FredrikJuanfra Aldasoro June 17, 2019 at 8:27 pmHi Fredrik,
Thank you for reaching out to us! I hope you’re doing well.
Would you please try adding the following CSS?
@media all and (max-width: 767px) { .nice_row-inner, .vc_inner, .row-inner { display: block; } .background-inner:empty { display: initial !important; } }Best,
Juan.limeloop June 18, 2019 at 2:59 pmHi Juan,
I’ve added the code but it doesn’t solve the problem on desktop size.
Best,
FredrikJuanfra Aldasoro June 18, 2019 at 3:16 pmHi,
Thanks for the follow-up.
Would you please share the page in which you’re having problems and the section in particular so I can take a look?
Thanks,
Juan.limeloop June 18, 2019 at 4:05 pmHi again,
It’s on the homepage.
The section “Everything you need” is expanding and placing to the left instead of center.
The section “Nearby places” where the icon/title overlaps the below section almost at the bottom of the page.Thanks,
Fredriklimeloop June 18, 2019 at 4:15 pmThe booking area on the page “Booking” also has a wierd layout compared to other browsers.
Thanks,
FredrikJuanfra Aldasoro June 19, 2019 at 2:12 pmHi,
Would you please try adding the following CSS?
body.safari .vc_col-sm-2 { width: calc((100% / 12) * 2) !important; }Best,
Juan.limeloop June 19, 2019 at 4:35 pmHi again,
Doesn’t work that well.. Will try to add the css myself.
Thanks,
FredrikJuanfra Aldasoro June 24, 2019 at 5:31 pmHi Fredrik,
Thanks for the follow-up.
Where are you adding that CSS? Are you using a child theme? Would you please share a page where I can see that?
Best,
Juan
You must be logged in to reply to this topic.