Jump to content

Top Bar displays badly in Internet Explorer


Recommended Posts

yes, i checked it and the problem was there even if you removed the module. i suppose that problem is somewhere else, it is hard to say where, but as far as i remember here on forum exist several posts (probably solved) related to your issue

Link to comment
Share on other sites

Hi Crystal,

what IE version do you use to test it? It may have to do with the pseudo elements :before and :after, which IE6/7 doesn't support. These are used in the top horizontal menu

 

Can you try with IE8+ if it still has problems?

 

 

IF it doesn't have problems in IE8+, you can try to fix it like this:

edit file: themes/<your theme folder>/modules/blocktopmenu/blocktopmenu.tpl

(N.B. if you don't have this file here, COPY it to this place from /modules/blocktopmenu/blocktopmenu.tpl)

 

you see this code (or similar): (take out the red code)

{if $MENU != ''}

 

<!-- Menu -->

<div class="sf-contener clearfix">

<ul class="sf-menu clearfix">

{$MENU}

{if $MENU_SEARCH}

<li class="sf-search noBack" style="float:right">

<form id="searchbox" action="{$link->getPageLink('search')}" method="get">

<p>

<input type="hidden" name="controller" value="search" />

<input type="hidden" value="position" name="orderby"/>

<input type="hidden" value="desc" name="orderway"/>

<input type="text" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'htmlall':'UTF-8'}{/if}" />

</p>

</form>

</li>

{/if}

</ul>

</div>

<div class="sf-right"> </div>

 

<!--/ Menu -->

{/if}

 

save and reload your page.

 

You may need to (TEMPORARILY!!): - turn OFF your cache and- 'Template cache' set to "Recompile templates if the files have been updated"in Advanced Parameters->Performance

 

to see the changes. (Don't forget to turn cache back ON afterwards!)

 

 

My 2 cents,

pascal

Link to comment
Share on other sites

Hi Vekia,

No actually another post that you answered gave me this knowledge (you answered a question and showed the use of before and after :-)

I then read that IE6/7 didn't know these...

 

No IE debugger (not even IE at hand I have a mac ;-) )

pascal

 

Link to comment
Share on other sites

  • 2 months later...

Sorry to necro this thread. I've had a lot on, but now its time to get this working.

 

I am still having the top bar display wrong in IE (8 and 9).

As shown in the first post, the menu is displaying behind my Logo, rather than across the page.

 

Also, in Chrome and Google it has gone back to the original Black rather than Purple. I think this was when PrestaShop got upgraded.

Where is the code to alter this?

Link to comment
Share on other sites

float: left;

margin-bottom: 1em;

background-color: #9966CC;    <- change to this

}
 

 

Same file, line 87:

 

.sf-menu li li {

background: #9966CC;

}

.sf-menu li li li {

background: #9966CC;
}
 
 
Same file, Line 93:
.sf-menu a:focus, .sf-menu a:hover,.sf-menu a:active {

background: #9966CC;

}

 

Unfortunately no IE available to test... Anyone?

 

pascal

  • Like 1
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...