Issues with safari

Topic: Issues with safari

leonardo free asked 7 years ago

Hello, what the thing is going? Unfortunately (1) I could not load properly the image background for this link on safari mobile (mozilla and chrome mobile and desktop is fine): http://www.yescrisoliveira.com/luminesce The css used is: .view { background: url("jeunesse-luminesce-linha.png")no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } (2) could not load properly the img as well for this link: http://www.yescrisoliveira.com/luminesce The HTML for used is:  <div class="col-lg-4">  <div class="card">  <div class="view overlay hm-white-slight">

<div class="mask"></div> </div>   <div class="card-block">  <h4 class="card-title">LUMINESCE™ SERUM DE REJUNESCIMENTO CELULAR</h4>  <p class="card-text">O serum é composto, na maior parte, por complexo de fatores de crescimento, obtidos através de celulas tronco humanas. Transforma a sua pele minimizando as manchas de idade, linhas finas, rugas, entre outros problemas a nível da pele.</p> Saiba mais </div>  </div>  </div> Can you help me to solve this ASAP please? Best, Leo

Add comment

Kamil Paciepnik free answered 7 years ago

0 0 Best answer

Hi Leonardo, Your code is correct. Are you sure you provide good path? Try to delete the cache from safari. Regards

Add comment

Alex Gotardi pro answered 7 years ago

0 0 Best answer

Oi Leonardo, Tenta passar a url toda no background-url(http...) Se está usando o MDB 4.3 Verifique se vc está usando os css e tags html corretamente. https://mdbootstrap.com/live/_MDB/index/docs/intros/intro-contact-form.html

Add comment

leonardo free answered 7 years ago

0 0 Best answer

<div class="view overlay hm-white-slight">
                            <img src="img/serum.jpg" class="img-fluid" alt="">
                            <a href="#">
                                <div class="mask"></div>
                            </a>
                        </div>

<div class="card-block">
                            
                            <h4 class="card-title">LUMINESCE&trade; SERUM DE REJUNESCIMENTO CELULAR</h4>
                            
                            <p class="card-text">O serum é composto, na maior parte, por complexo de fatores de crescimento, obtidos através de celulas tronco humanas. Transforma a sua pele minimizando as manchas de idade, linhas finas, rugas, entre outros problemas a nível da pele.</p>
                            <a href="#" class="btn btn-info">Saiba mais</a>
                        </div>

</div>
                    
                </div></code></pre>

Please insert min. 20 characters.

<!--First columnn-->
                <div class="col-lg-4">
                    <!--Card-->
                    <div class="card">

                        <!--Card image-->
                        <div class="view overlay hm-white-slight">
                            <img src="img/serum.jpg" class="img-fluid" alt="">
                            <a href="#">
                                <div class="mask"></div>
                            </a>
                        </div>
                        <!--/.Card image-->

                        <!--Card content-->
                        <div class="card-block">
                            <!--Title-->
                            <h4 class="card-title">LUMINESCE&trade; SERUM DE REJUNESCIMENTO CELULAR</h4>
                            <!--Text-->
                            <p class="card-text">O serum é composto, na maior parte, por complexo de fatores de crescimento, obtidos através de celulas tronco humanas. Transforma a sua pele minimizando as manchas de idade, linhas finas, rugas, entre outros problemas a nível da pele.</p>
                            <a href="#" class="btn btn-info">Saiba mais</a>
                        </div>
                        <!--/.Card content-->

                    </div>
                    <!--/.Card-->
                </div>

Add comment

leonardo free answered 7 years ago

0 0 Best answer

above the code was not posted properly, now does:

<div class="col-lg-4">
                    
                    <div class="card">

<div class="view overlay hm-white-slight">
                            <img src="img/serum.jpg" alt="" />
                            <a href="#" rel="nofollow">
                                <div class="mask"></div>
                            </a>
                        </div>

<div class="card-block">
                            
                            <h4 class="card-title">LUMINESCE™ SERUM DE REJUNESCIMENTO CELULAR</h4>
                            
                            <p class="card-text">O serum é composto, na maior parte, por complexo de fatores de crescimento, obtidos através de celulas tronco humanas. Transforma a sua pele minimizando as manchas de idade, linhas finas, rugas, entre outros problemas a nível da pele.</p>
                            <a href="#" rel="nofollow">Saiba mais</a>
                        </div>

</div>
                    
                </div>

Please insert min. 20 characters.

above the code was not posted properly, now does:  <div class="col-lg-4">  <div class="card">  <div class="view overlay hm-white-slight">

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Specification of the issue

ForumUser: Free
Premium support: No
Technology: General Bootstrap questions
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: Yes

leonardo

10Support score
1Questions 2Answers 0Snippets