Multi language with anchor

Hi,
Configured menu's and header module as described and multi language is working fine.
However if I copy the module Restaurant__Welcome to Steak House__ to something else (3 different items with different language) and also change template --> style --> menu with (three) approprioate module id's, multi language does not work anymore. I have to unpublish modules until only one is left at position mainbody.

I have seen in other posts in this forum that there can only be one item at a module position with an anchor so my question is how can I get different items / modules showing up per language at position mainbody?
At this moment only the german version works -> tick "wie funktioniert es".

Site = http://www.bikebnb.co.za
Thanks in advance!

Ok, I have solved a part of the problem.
Added two new positions mainbody_nl and mainbody_de in templateDetails.xml and added both values on row 270 as well for the override at field moduleid_override.

Edited /templates/gk_steakhouse/layouts/default.php by adding both section_id gkMainbody_nl and gkMainbody_de after gkMainbody.

Both files here:

BikeBnB.zip

Now something strange happens because it all seems to work since the anchor in the header module points to the proper module on the page in the correct language BUT the article "how to marinate and grill steaks is in between te header and the article with the anchor. It even gets more weird using German, the article is now twice between the header and the module with the anchor??

How can I fix this?

EN: button "how it works" = http://bikebnb.co.za/#how [HOW IT SHOULD WORK]
NL: button "hoe werkt het" = http://bikebnb.co.za/nl#hoe [ARTICLE how to marinate IN BETWEEN ONCE)
DE: button "wie funktioniert es" = http://bikebnb.co.za/de#wie [ARTICLE how to marinate IN BETWEEN TWICE)

Ok, problem seems to be in the mainbody position because all content articles are shown one or more times on the page.
See:
http://www.bikebnb.co.za/nl/reservation.html
http://www.bikebnb.co.za/nl/about.html

Not a clue what went wrong

Found the problem! Added mainbody_nl and mainbody_de in the wrong section and below mainbody.
Now it works!

Hi

Ok. Great to hear it's all working now. Closing this thread than.

Hi

I think I see the problem. You have a fixed value of width in override:

Code: Select all

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


it breaks responsive layout, replace it with:

Code: Select all

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