paxdacian

Site URL: https://folqi.com/seo

Hi there, i have a problem with safari browser.

I am trying to implement a boxed content on one of my pages, everything works just fine but for some reason safari browser display the boxed content different than moz and chrome, can someone pls help with a line of code?

Here is the code i have now

/* Boxed Content Styling */
#seo-phase-1{
.sqs-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;

.sqs-col-6 {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 2em;
margin: 1em;
background-color:#fff;
  filter: drop-shadow(3px 3px 5px rgba(168, 170, 204,.3));
  
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: calc(~"49% - 2em")!important;
-ms-flex-negative: 0;
flex-shrink: 0;
  
.image-block {
width: 150px;
hight: 150px;
margin: 0 auto;
  }

@media screen and (max-width: 640px) {
width: auto!important;
  width: calc(~"100% - 2em")!important;
}
}
.image-block {
width: 150px;
hight: 150px;
margin: 0 auto;
}

.button-block {
margin-top: auto;
}

@media screen and (max-width: 640px) {
display: block;
}} 
}
/* End Boxed Content Styling */

Not supported on safari

So i checked now and on safari you actually need to type your dates in manually. All the other browsers give you a calendar on click but not safari.

 maybe there is a way to change that and make it like all the other browsers ?

Hi guys, I have a problem with my calendar widget from booking. com. I integrated the widget and it’s working just fine on most of the browsers  and mobile but not on safari. I can’t select any dates on safari. I customized the widget with CSS but I cant make it work for safari. I updated my Mac now just in case the problem might be from there if not I don’t know how to fix it.

Please help

www.camayaan.com

the widget is just on home page

.bb-calendar-widget input[type="date"] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    clip-path: inset(0 17px 0 0);
}

disable ajax loading