*** SOLVED *** NavBar from WWB20 will be displayed different in 21

[sieweb]

Here is my problem (as WWB20 and WWB21 file):
https://my.hidrive.com/lnk/TfH4HYO2K
In WWB20 the three buttons will be displayed in one horizontal row as intended. In 21 there is a break after the second button and I can't find the reason for that.
Thank you again, horst

[alan_sh]

In WWB21, you have padding for the layout grid. But removing that doesn't seem to fix it. Over to Pablo

Alan

[alan_sh]

In the CSS files, there's a difference:

In the one for V20, we have this:

#NavigationBar1
{
display: inline-block;
width: 312px;
height: 30px;
z-index: 1;
}

In the one for V21, we have this:

#NavigationBar1
{
display: inline-block;
width: 308px;
}

No height and no Z-index. I don't know if it's something missing from the WBS file or a bug. But at least it's different.

Alan

[crispy68]

Since the navigation bar uses images, the images are bigger in 21 vs 20..... 101px vs. 100px based on the CSS code. Not sure, could be a calculation error. Pablo would need to see if this is the case. Stretching the menu bar results in the same thing. Simply reducing the size of the image by 1px in the CSS code fixes it.

[Pablo]

Thanks for the information and demo project.

I was able to reproduce the problem and implemented a fix for this in the latest build (3/30/2026)
https://www.wysiwygwebbuilder.com/download.html

[sieweb]

Hey Pablo, you can put a *** SOLVED *** to that , thank you,
and thank you to all the others who had a look.
horst

[AliGW]

You can do that yourself by editing the opening post.

[sieweb]

Hey Ali, done
I'm suprised to meet you here - long time no see
horst

[alan_sh]

Thanks for the information and demo project.

I was able to reproduce the problem and implemented a fix for this in the latest build (3/30/2026)
https://www.wysiwygwebbuilder.com/download.html

Pablo, can you enlighten us as to what the issue was? I'm just curious and the whatsnew file doesn't really say.

Cheers

Alan

[AliGW]

Hey Ali, done
I'm suprised to meet you here - long time no see
horst

Why surprised? Isn't this the most natural way to go for former WebPlus users?

[Pablo]

Pablo, can you enlighten us as to what the issue was? I'm just curious and the whatsnew file doesn't really say.

It's a bit complicated to explain in detail, but in short: objects can generate different code depending on the context they are placed in (for example, whether they are absolutely positioned or inside a layout grid).

In previous versions, the navbar used its own logic to determine its size and position. In WWB21, this has been streamlined into a global process. However, the size calculation happened at the wrong moment. As a result, the width was calculated incorrectly.

[alan_sh]

Thanks

[sieweb]

Isn't this the most natural way to go for former WebPlus users?

Thumbs up!

[alan_sh]

Isn't this the most natural way to go for former WebPlus users?

Thumbs up!

I'm another convert from WebPlus

Alan

[AliGW]

It's good to know that friends from a bygone time are now here.