[limeloop]

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,
Fredrik

[Juanfra Aldasoro]

Hi 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]

Hi Juan,

I’ve added the code but it doesn’t solve the problem on desktop size.

Best,
Fredrik

[Juanfra Aldasoro]

Hi,

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]

Hi 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,
Fredrik

[limeloop]

The booking area on the page “Booking” also has a wierd layout compared to other browsers.

Thanks,
Fredrik

[limeloop]

Hi,

Have you seen the section I’ve specified?

[Juanfra Aldasoro]

Hi,

Would you please try adding the following CSS?

body.safari .vc_col-sm-2 {
    width: calc((100% / 12) * 2) !important;
}

Best,
Juan.

[limeloop]

Hi again,

Doesn’t work that well.. Will try to add the css myself.

Thanks,
Fredrik

[Juanfra Aldasoro]

Hi 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