[SOLVED] Links jumping when clicking on them

[nikss]

Hello,

 

I use PS 1.4.6.2. I installed "prestashop_template_145" a couple of months ago, but I got this problem after installing some Agile modules, and I uninstalled them and the problem remained. On the Agile forum they told me that the problem comes from my prestashop... When I click on a link the link jumps. When I click on my Logo, or product, the image of what I clicked on goes down like 100px and up again. It jumps. Someone knows about this problem?

 

Thank you

[Mike Kranzler]

Hi nikss,

This is pretty strange. Can you please post a link where we can see this for ourselves?

 

-Mike

[nikss]

www.stickeaz.com , if you click on the logo or a product you'll see. Sometimes when I click on a link it doesn't even load the page the link is pointing to. I have to solve this problem...

[Mike Kranzler]

www.stickeaz.com , if you click on the logo or a product you'll see. Sometimes when I click on a link it doesn't even load the page the link is pointing to. I have to solve this problem...

 

It appears you've done some customization to the prestashop_new theme. Can you please try temporarily switching back to the default PrestaShop theme and let me know if the issue persists?

 

-Mike

[nikss]

Yes, still the same problem.

[Mike Kranzler]

Unfortunately there are still some aspects of your custom theme that are modifying the default. You will need to try to identify those or export your database to a test installation to try to resolve this, as it definitely appears to be a function of the custom changes you made to your theme.

 

-Mike

[Dh42]

A lot of your problems are caused because you are displaying links as blocks, display them inline. Your header on the other hand you cannot float and element and set an absolute position. Take the take the float off the link and add position:realitve; and display:inline; to the link for the header.

[nikss]

Now I know where the problem comes from! It's from the module Menu Haut Horizontal v1.3 = the top horizontal menu that I modified. When I disable it the problem disappears. What's wrong in the CSS of my menu?

[Dh42]

More than likely it is setting a css style that is conflicting something. I would start commenting code out of the menu css until I found it.

[nikss]

OK I made some tests offline and found the issue at line 82 in "/blocktopmenu/css/superfish-modified.css". I commented out:

 

.sf-menu a {
 /* display:block;
padding-top:65px;
border:0;
height: 35px; */
padding-top:65px;
text-align:center;
text-decoration:none;
} /*
.sf-menu a:hover, a:active {
display:block;
padding-top:65px;
border:0;
height: 35px;
text-align:center;
text-decoration:none;
background: url(../img/puce.png) no-repeat bottom center;
}
.sf-menu a:active {
display:block;
padding-top:65px;
border:0;
height: 35px;
text-align:center;
text-decoration:none;
background: url(../img/puce.png) no-repeat bottom center;
} */

 

I don't really understand what ".sf-menu a:hover, a:active" and ".sf-menu a:active " are needed for in the top menu module, but it seems to be working fine without.

[Mike Kranzler]

Great, I'm glad you were able to resolve this! I'll go ahead and mark this as solved for you. Happy selling!

 

-Mike