Jump to content

Probleme optimizare pentru browser


Mifotea

Recommended Posts

Salut, vin iar cu o problema a magazinului meu.

Versiune platforma PrestaShop™ 1.6.0.8

Problema este ca pe Chrome si Internet Explorer se vede bine dar pe Mozilla nu tocmai cum ar trebui. Cand spun asta ma refer la bannerul din header care pe chrome si ie se vede ok iar pe mozilla in spatele meniului cos, iar cand duci cursorul pe produse pe ch si ie apare un meniu ce pe mozila nu apare.

 

Cum pot optimiza sa se vada si pe mozilla ca pe ch si ie? 

 

Magazinul este sanatatedinplante(dot)ro

Edited by Mifotea (see edit history)
Link to comment
Share on other sites

Sunt 2 variante:

 

1. Cauta unde este definit css-ul pentru .img-responsive si sterge/comenteaza display:block. Atentie ca aceasta modificare sa nu afecteze si alte imagini, care ar putea avea aceasta clasa. Daca mai sunt, cel mai bine ar fi sa definesti o noua clasa in css, sa ii pui doar max-width: 100%; height: auto; si sa modifici la imaginea banner-ului in loc de class="img-responsive" pui clasa asta noua;

 

2. Modifica in tpl-ul care contine acest banner si adauga un float:left la acel link. Ar trebui sa arate asa:

 

<a href="" title="" style="float: left;"> 
  <img class="img-responsive" src="http://www.sanatatedinplante.ro/modules/blockbanner/img/1572e08f815c52d754a7ee6cbb65cc1d.gif" alt="" title="" width="1170" height="65"> 
</a>
De preferat ar fi sa ii adaugi o clasa css si sa o definesti in gloabal.css.
Edited by cristic (see edit history)
Link to comment
Share on other sites

 

Sunt 2 variante:

 

1. Cauta unde este definit css-ul pentru .img-responsive si sterge/comenteaza display:block. Atentie ca aceasta modificare sa nu afecteze si alte imagini, care ar putea avea aceasta clasa. Daca mai sunt, cel mai bine ar fi sa definesti o noua clasa in css, sa ii pui doar max-width: 100%; height: auto; si sa modifici la imaginea banner-ului in loc de class="img-responsive" pui clasa asta noua;

 

2. Modifica in tpl-ul care contine acest banner si adauga un float:left la acel link. Ar trebui sa arate asa:

 

<a href="" title="" style="float: left;"> 
  <img class="img-responsive" src="http://www.sanatatedinplante.ro/modules/blockbanner/img/1572e08f815c52d754a7ee6cbb65cc1d.gif" alt="" title="" width="1170" height="65"> 
</a>
De preferat ar fi sa ii adaugi o clasa css si sa o definesti in gloabal.css.

 

Multumesc., am rezolvat acum se vede mai bine. 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...