www.wysiwygwebbuilder.com

.

If you are using layout grids then you can drag the carousel inside a grid to make it full width.

The different layout methods are explained here:
https://wysiwygwebbuilder.com/layout_modes.html

Looks like you are coming along nicely.

.

Responsive can be as simple as putting the objects inside a layout grid and letting that sort everything out.

What issues are you having?

Alan

.

If you need help, then please share a DEMO project (not the full project) and describe what you are trying to do.

For further details about how to share a project file, please see this FAQ:
https://www.wysiwygwebbuilder.com/forum ... 10&t=82134

Joker7 wrote: Mon Mar 16, 2026 11:44 am Hi,

At the moment making text menu navigation responsive.

It's all a big learning curve..

For the text menu, try setting full width to True in the Style tab. And put it inside a layout grid.

As Pablo says, provide a demo project with the issue in it (and not much else) and we can have a look.

Alan

.

If you are just starting the I recommend to use layout grid. They are easier to manage.

Step 1
Add a layout grid

Step 2
Drag the carousel inside the layout grid.

If you need further assistance then please share a DEMO project.

Same with text menu - also see my incorrect bug report.

Alan

Pablo wrote: Mon Mar 16, 2026 3:41 pm If you are just starting the I recommend to use layout grid. They are easier to manage.

Step 1
Add a layout grid

Step 2
Drag the carousel inside the layout grid.

If you need further assistance then please share a DEMO project.

Will that be responsive?

Joker7 wrote: Mon Mar 16, 2026 5:10 pm

Pablo wrote: Mon Mar 16, 2026 3:41 pm If you are just starting the I recommend to use layout grid. They are easier to manage.

Step 1
Add a layout grid

Step 2
Drag the carousel inside the layout grid.

If you need further assistance then please share a DEMO project.

Will that be responsive?

Yes, I just tried it.

Alan

alan_sh wrote: Mon Mar 16, 2026 5:14 pm

Joker7 wrote: Mon Mar 16, 2026 5:10 pm

Pablo wrote: Mon Mar 16, 2026 3:41 pm If you are just starting the I recommend to use layout grid. They are easier to manage.

Step 1
Add a layout grid

Step 2
Drag the carousel inside the layout grid.

If you need further assistance then please share a DEMO project.

Will that be responsive?

Yes, I just tried it.

Alan

Think I must be missing something - as I can't get it to work..

This is not going well and no-way as easy as expected from you presales fed back.

Step 1
Add a layout grid

Step 2
Drag the carousel inside the layout grid.

There are only two steps.
Where does it go wrong for you?
What exactly does not work?

Do you have a DEMO project so I can see what is wrong?

Joker7 wrote: Tue Mar 17, 2026 7:54 pm

alan_sh wrote: Mon Mar 16, 2026 5:14 pm

Joker7 wrote: Mon Mar 16, 2026 5:10 pm


Will that be responsive?

Yes, I just tried it.

Alan

Think I must be missing something - as I can't get it to work..

This is not going well and no-way as easy as expected from you presales fed back.

Joker, this is the wbs file I used. Unzip it, there will be a file and a folder. Open the file in WWB and you should be able to see and test it.

https://www.dropbox.com/scl/fi/z2hzqp19 ... prpki&dl=1

regards

Alan

.

alan_sh wrote: Tue Mar 17, 2026 10:21 pm

Joker7 wrote: Tue Mar 17, 2026 7:54 pm

alan_sh wrote: Mon Mar 16, 2026 5:14 pm

Yes, I just tried it.

Alan

Think I must be missing something - as I can't get it to work..

This is not going well and no-way as easy as expected from you presales fed back.

Joker, this is the wbs file I used. Unzip it, there will be a file and a folder. Open the file in WWB and you should be able to see and test it.

https://www.dropbox.com/scl/fi/z2hzqp19 ... prpki&dl=1

regards

Alan

Thanks Alan for you response, it's appreciated.

I can't see how the layout in the editor corresponds to what’s seen on the web, this is probably where I'm not understanding how the editor works.

https://freeaj.byethost5.com/trimage/Editor.png
https://freeaj.byethost5.com/trimage/web.png


Chris

When it is asked of you to share/show a "Demo" it is a "Copy" of the .wbs file (project) and not a link/url to the page you have issues with this is because just viewing the source of the html doesn't help. So loading your project .wbs shows us what you have or haven't done.
How do I share my project to get help?

Based on the website, you did not place the elements inside the grid.
They are just randomly placed on the page. They need to be inside the grid to become flexible.

This works the same as with any other responsive design tool. The difference with other tools is that WWB gives you more control because it supports several different layout modes, instead of just one.
Your current website uses Bootstraps which also uses grids. it's the exact same concept!

You can learn about the basics of layout grids here:
https://wysiwygwebbuilder.com/layoutgrid_part1.html
https://wysiwygwebbuilder.com/layoutgrid_part2.html

Also, note that most templates use layout grids so there are plenty of examples available.
https://www.wysiwygwebbuilder.com/templates.html

I have created a quick demo based on the website:
https://wysiwygwebbuilder.com/support/puyrobin.zip

I have spend 30 minutes on this, so it's not a complete replica but hopefully this will get you started.

I can't see how the layout in the editor corresponds to what’s seen on the web, this is probably where I'm not understanding how the editor works.

In this specific case, the slide show only shows the first image to save memory and other resources. otherwise it could be very slow during design time.
So, the first image is repeated in the workspace.

However in most other cases you will see exactly how it will look in the browser.

Joker7 wrote: Mon Mar 16, 2026 8:53 am Thanks guys for the fed-back so far.

Struggling with the responsive side of things are there any video/youtube guilds, I'm getting bogged down reading all the different tutorials.
Having a break from it today to work on the tractor...

If you are interested we could do a short screen share session and maybe I can help get you along on your journey. I sent you an email to the email listed on your site's contact.

OK this is whats I get.
It is covering the menu not really responsive...

I see that the menu and slideshow are in the same container but not sure what you are using. I do see an unused/empty layout grid on the page as well. Was the slideshow supposed to be in the grid? The program is very much drag and drop and one of the best; however, you need to understand layouts and how containers work to utilize them properly. If there is an issue, it is always best to describe the steps you took to create what you have or provide a demo project file so we can see your setup. Viewing the page on the web doesnt alway help.

.

In most objects, you can change the alpha value of the background color to make it semi transparent.

If you need help then please share a DEMO project so we can see which object you are using so you can get a more specific answer.

BTW. Did you try my example project? It's an almost replica of your original website.

I'm not sure the text menu has that ability. But I think it uses the background of the underlying grid - so make that transparent?

Alan

Pablo wrote: Thu Mar 19, 2026 10:54 am In most objects, you can change the alpha value of the background color to make it semi transparent.

If you need help then please share a DEMO project so we can see which object you are using so you can get a more specific answer.

BTW. Did you try my example project? It's an almost replica of your original website.

How would you like it shared ?

Put it somewhere on the web and post a link to it here.

Alan

.

The WBS file and the folder with the same name. Zip those two up into one file and post that.

Alan

When we ask of you to share a basic copy of your project it is the wbs file not the page (HTML). If you look to the right in the program you will see the Site Manager (See Screenshot) at the top you will see what we are asking for the .wbs file your file will be named differently but it will have the same file extension .wbs. So if you can share this it will help us. Note remove any extensions or custom code you may have added. You can then share it by uploading to your own site and provide a link to it or if you use the likes of Dropbox etc you can also upload to it and again provide a link to it.

.

OK got it.

You had a layout grid with fixed width cells. Not sure why. Also, the position should have been 'floating footer'. I've made those changes - also changed the cell sizes to 6,2,4 and it seems OK on my screen.

Here's what I have done https://www.dropbox.com/scl/fi/q492rvt8 ... 43rc6&dl=1

Alan

Here's what I did

.

You can use max-width to limit the width of a container.

Did you download my demo project I have create from your old website?

.

Ok, sorry I was just trying to help

I have tried max-width it just squashies it and some of the text drops down to a new line.

What did you expect to happen???

.

I'm sorry, it is not clear for me what you mean by

not be all spaced out..

On your original website, the footer is just a 2 column grid.
With the menu in the first column and the other elements in the second column. The max width is set to 1170

You can do the same in WWB.

.

Step 1
Add 2 column grid

Step 2
Add the menu to the first column

Step 3
Add the other elements to the second column

Step 4
Set the max width to 1170

I have updated the puyrobin project to demonstrate this.

.

I’m currently working on creating video tutorials, but it will take some time to cover all functionality.
I have, however, recently updated all of the written tutorials to make them clearer by adding info-graphics and improve the text and images.
Could you please let me know what is still missing from the written tutorials?
Is there anything I forgot to document?

Layout grids are based bootstrap grids (as used for your current website), they are just visual.

.

Just a small suggestion Pablo, anything written to help should use the same names as in WYSIWYG (regardless of it it it technically correct or not) - twice today i have looked for things in the software that didn’t exist, although similar, they were not the same. I appreciate that the program is used by a lot of people commercially who have a greater understanding of terminology but for learners/new users it just confuses things.

anything written to help should use the same names as in WYSIWYG

@brynj
Do you have an example of something that is wrong in the help?

Pablo wrote: Sun Mar 22, 2026 7:27 am

anything written to help should use the same names as in WYSIWYG

@brynj
Do you have an example of something that is wrong in the help?

See my post here for yesterdays examples ……

https://www.wysiwygwebbuilder.com/commu ... p?t=101459

As an example - the term 'Flexbox Container' appears several times in the help files but if you search for Flexbox in the Toolbox you get no results.

These are minor things and not worth special attention, but you mentioned you are re-doing the help files so just an opportunity to adjust.

Its just when told to use a ‘Bootstrap Card Container’ or a ‘Flexbox Container’ then thats naturally what you look/search for - of course you can assume the nearest thing in the program and most people would, although there maybe other possibilities with ’similar’ names - but i just think it makes sense to use the same naming as found in the software throughout any help provided.

Thanks!
I could only find one reference 'Flexbox Container' in the help.
Everywhere else it's called flex container, like in the software. Flex is basically a shorter name for flexbox (the official HTML term).
But I will update this to prevent future confusion.

I agree that naming should be consistent.