gk-menu on bottom2 not aligned with multilanguage

Hi,
Created extra module positions bottom2_nl and bottom2_de for multiple languages on module Menu__Discover our menu__ and created module overrides for the menu / anchors.
All navigation - for different languages - seems to work fine but the alignment of the columns is deviating from the original (EN) version.

The columns at the NL and DE version are not padded correctly on the outside borders. I have not changed anything (yet) in the CSS or else. Just copied the module Menu__Discover our menu__ into three different versions with different module positions for the language and did not touch the code.

See pictures, default.php and template_details.xml attached.

Alignment_OK-680x292.JPG

Alignment_NOK-680x282.JPG

BikeBnB.zip

http://bikebnb.co.za/#price = OK (only renamed title)
http://bikebnb.co.za/nl/#prijs = NOK
http://bikebnb.co.za/de#preis = NOK

What am I missing here?

Ok, started playing around with this strange behaviour. Changed the position of the NL version from bottom2_nl to bottom3 and guess what? Problem solved This is ofcourse not the solution I am waiting for but it proves to me that there something is the code that messes around with a position on this item if you change it from the original position.

Hi

I think the only problem is missing module style. In the code where You are defining the module position please make sure to use style="gk_style"

Module style was in the code so that is not the problem. See attached code snippet.

gk_style_code.JPG

Any other option? Looks to me from what I have been trying is that there might be something (hard) coded in the gk_menu xml or css that causes that if you add another position, the new position is not taken in consideration because this only happens with this module at this position. Like I mentioned earlier, changing the module position to for example to bottom3 already fixes the issue. Adding something like _nl to bottom2 like bottom2_nl as a new position, causes the issue to appear only in this module with gk_menu.
Please help!

Hi

No it was because of lack of gk_style, now only one last class is missing, but add this to override.css and it should work same way:

Code: Select all

#gkbottom1_nl .content,
#gkbottom2_nl .content {
    margin: 0 auto;
    width: 1230px;
}


Yep, now it works! Thanks a lot.

Hi

Ok. Great to hear it. Closing this thread than.