You can ask advice at this forum.

• http://stackoverflow.com/questions/

It looks that the code that calculates the menu width and position isn't triggered unless you resize the window (changing the width 1px by dragging the border or zooming the page works), so the menu flyout still has the default setting. I see:

<ul style="width: 51px; left: 1100px; display: none;" class="sub-container flmenu">

After a resize this changes to:

<ul style="width: 898px; left: 252px; display: none;" class="sub-container flmenu">

I don't know how this onresize event ($(window).on('resize', function()) would have to be triggered to initialize the menu properly.

Thank you for looking into this. Could you tell me which file it is in which you have found this line? Thanks a lot

That is the line in the page code that is about the element with the flyout menu.

Thank you for the reply. It may be a stupid question for you but where can I find this row of code you have highlighted in the picture in my FTP files to change them? I can find the same row when I inspect the code but on the right side of the inspect window is only stated for this row with the pixel sizes Element ( inline width: 51px; left: 1099px; display: none;

and no path to any file.

best regards Simone

That is because this is an inline style rule that is added as a style attribute to the page code (DOM) and modified via JavaScript if you hover the menu items as you can see in the screenshot I posted above.

The JavaScript code that runs after a resize is in the main file on line 772 and further down.

Note that if the menu bar is hidden that it is sufficient to press the Alt key to make the resize code run.

The .resize() function is in the inline script of your index.html file starting on line 772.

You have .resize() after the resize function is added, which should trigger it immediately, but for some reason this doesn't work in firefox (not really sure why, because it works when I try to do the same thing in a different webpage).

I would suggest adding another line after that, $(window).trigger("resize"); which I think will fix the issue.

Hello, thank you all very much for your answers. This answer from forums.mozillazine.org fixed my problem:

The problem is reproducible when the page is reloaded. Clicking on a product category causes the problem to reappear, yes, but largely because a new page has been loaded from the server.

You mentioned this code in a script element starting shortly after page text "Self-Adhesive Metal Foil for 25 x 25 mm bases" (line 773 of main page served)

$(window).on('resize', function() {

.... resize code ....

}).resize();

Now if the call to .resize() is to trigger execution of the resize event handler, and so setup the flyout menu code, it would seem to be too early for Firefox: the DOM has not been finalized and more HTML follows down the page.

Without being able to modify and test the server page I can only predict how to fix it:

function myResizeCode() { // name the resize function for reference

.... resize code ....

}

$(window).on('resize', myResizeCode); // register resize handler $(window).on('load', myResizeCode); // and call when page has loaded