Split menu translation - menu seperator

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know :)

Here's the links

Hi there,

will ALL languages have the same Menu items ? And the separator in the same place?

Hello. That would be an option to consider, but how would I handle the target url for each language?

If you use the method provided here:

https://docs.generatepress.com/article/centering-logo-navigation/

Then this will apply to all menus - and you don't need to add the Menu Separator item.

Ok, that sort of works. Not sure how to place links to right and left. On cell phone I have some other items in menu (login etc), how can I turn that off so that only links from menu shows in mobile menu also?

Another "Split"-issue I couldn't figure out is where to set the general content width?
Tried to alter the value under "customize", but I can't excape the very narrow content area without changing to "Elementor full width". If I do that, however, I loose the opportunity to "hook" and element to that page. Is there somewhere in settings I can just change the general page-width in pixels?

Ok, figured out that it was the "off canvas panel". Can I have a mobile fold-out menu without showing the "off canvas panel"-objects?

Is the issue with the current menu where the logo moves when the mobile menu is open?
If so edit this CSS:

.site-branding, .site-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 200;
}

and change it to:

.site-branding, .site-logo {
    position: absolute;
    top: 0; /* add this line */
    left: 50%;
    transform: translateX(-50%);
    z-index: 200;
}

It looks good on small screen now, but I would like to have the logo aligned with the menu-items on large screen, the "0"-setting added takes that away. How to fix?

OK so change:

.site-branding, .site-logo {
position: absolute;
top: 0; /* add this line */
left: 50%;
transform: translateX(-50%);
z-index: 200;
}

to:

.site-branding, .site-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 200;
}

@media(max-width: 768px) {
    .site-branding, .site-logo {
        top: 0;
    }
}

So what sets the width of the default page in this "split"-library, I can't seem to effect it from customizer?

Split uses custom CSS to set the single post width when there is no sidebar present.
Go to Customizer > Additional CSS and look for:

.no-sidebar .inside-article > *,
.no-sidebar #comments,
.no-sidebar .nav-links {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

You can either change the max-width value to adjust the width of the single post content. Or you can delete that code so it applies the customizer settings.