A little help.

[Joker7]

Thanks for the help so far.

I have been trying to recreate my website, it's getting there.

I have one wee problem, trying to get the page size a image slider to fit as in my old site.

All tips and ideas welcome.

You can see the different here, what I'm trying to achieve www.puy-robin.com and this is what I have done www.puy-robin.com/testsite .

As you can see it's not quite there yet...

[Pablo]

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

[onlye]

Looks like you are coming along nicely.

[Joker7]

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...

[alan_sh]

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

[Joker7]

Hi,

At the moment making text menu navigation responsive.

It's all a big learning curve..

[Pablo]

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

[alan_sh]

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

[Joker7]

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

Hello,
I'm trying to copy my site at www.puy-robin.com.
The more I use the software the more frustrating becomes, I'm stuck on the responsive elements.
I'm using flexgid

Things I need to overcome:
The text menu - I can not get this to be responsive
The slider - This will not sit right.

Of for me tea now..


Ps: forgot the link. https://freeaj.byethost5.com/slidder/

[Pablo]

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.

[alan_sh]

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

Alan

[Joker7]

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?

[alan_sh]

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

[Joker7]

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.

[Pablo]

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?

[alan_sh]

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

[Joker7]

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?

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

https://freeaj.byethost5.com/tr456

Not finding the software very drag and drop art the moment...

[Joker7]

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

[BaconFries]

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?

[Pablo]

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.

[Pablo]

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.

[onlye]

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.

[crispy68]

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.

[Joker7]

Morning guys,

Do feel I'm starting to get it, still have questions.

How can I make the back ground of the menu transparent ?

https://freeaj.byethost5.com/getting-it/


Need to do some work on the bottom still very messy.

Thank you for all your patient so far.

[Pablo]

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.

[alan_sh]

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

[Joker7]

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 ?

[alan_sh]

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

Alan

[Joker7]

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

Alan

HTML or WBS

As I keep sharing the HTML and still get share a project file.... A little lost how you guys work!

[alan_sh]

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

Alan

[BaconFries]

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.

[Joker7]

OK here goes.

https://freeaj.byethost5.com/zips/Botton%20Nav-Bar.zip
It seems to like it on the left I would like it to live in the centre .

Trying to get it to look like footer here www.puy-robin.com