Break point design is not working

[rganguly]

Hi,

I have designed a website but it is not working expectedly in breakpoints. I am using the layer with the default option and changing/shifting the content according to breakpoints. But it is not working. Default is 1200px and breakpoints are 900,980,1024,1280,1920. It is working on 1280 and 1920 but it is not working according to manual design on or after 1200px. Please help...

[Pablo]

To be able to help you, I need a DEMO project (.wbs file) so I can see all your settings.

I do not need the complete project because that will only take more time to figure out what you have done.
Basically, I just need a small project with one page and object(s) that are relevant to your question.

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

[rganguly]

Hi,

Here is my demo project. https://app.box.com/s/zgo676xzxd4p8aqty6baw47n49s2cv70

[Pablo]

Your project has multiple issues:
- the default view should be the largest view. So, breakpoints for 1920 and 1280 do not make any sense,
- normally, the option 'Activate breakpoints when browser window is larger than the device width' should be used.
- you have disabled media queries in Page properties -> Advanced. This will disable breakpoints!

Tip: please do not change any of the default settings unless you know what you are doing.

[rganguly]

Okay sir, if I need to design a webpage in 1920px then I have to design more than 1920px?

[rganguly]

Sir, can you please share any project based on breakpoints? It is just for my knowledge on how to use breakpoints on this awesome application.

[Pablo]

If you also want to support 1920 displays, then you will need to make the default view 1920.

Tutorial:
https://www.wysiwygwebbuilder.com/rwd_basics.html

FAQ:
https://www.wysiwygwebbuilder.com/forum ... hp?t=63817

[rganguly]

Thank you sir for your quick support.

[sochea]

i have issue with responsive web design, my question is

all the webiste page we need to do a breakpoint right? and how many breakpoint we need to do for one page? i have do it but when website live is look messy for the screen that we do not do breakpoint, and i wonder why your template you do not do breakpoint but your website work with all browser so what is the technic?

thank

[crispy68]

You only need to add a breakpoint to a page when your design "breaks". In other words, when your design gets to a point where objects need rearranged, then you add a breakpoint. The number of breakpoints you add really depends on your design of the page. IMHO, designing using floating layouts is the best. From the previous post on 2/24, that was too many breakpoints in my opinion. Your typical breakpoints are going to revolve around popular device widths. (ex: 480px, 768px, 1024px, etc.)

[wwonderfull]

In some cases we can make website which won't event need a single breakpoint trust me I made those. It totally depends on the expertise and the designing. The more you know about the designing the better you can implement breakpoints. Elements and objects which are already responsive don't need breakpoint. They can scale along with the responsive layout grids or even flexboxes. But if you still need breakpoints for elements which goes outside the viewport you can add breakpoints to bring them inside the viewport of the breakpoint as @crispy has suggested.

[alan_sh]

My web sites have no breakpoints. I designed it that way by using layout grids and some very helpful advice from this forum.

I used to have lots - generally 5 per page (360, 640, 800, 1024, 1280) but it became far to much trouble to maintain. So, my advice is to try using layout grids first and only try breakpoints if you absolutely need to.

Alan

[sochea]

I want to clarefy for the breakpoint, as your prvious reponse, you guide me that for breakpoint we just add 480 768 right ?
but the issue for me is when i add breakpoint like this it work nicely with his screen only, but when the breakpoint is less than 480 it messy some time it show to double menu, and the object is not in the right place like your template? I want to get clear how we can make only this break point and it work nicely like browser less than 480 show nicely.( do not double menu or double objective as i have arrange all the object on 480 breakpoint.

other thing please help to clearefy about your template i try to down lowd your template i do not see you add breakpoint but it still work, what is special techniques?
thank

[Pablo]

To be able to help you, I need a DEMO project (.wbs file) so I can see all your settings.

I do not need the complete project because that will only take more time to figure out what you have done.
Basically, I just need a small project with one page and object(s) that are relevant to your question.

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

[alan_sh]

other thing please help to clearefy about your template i try to down lowd your template i do not see you add breakpoint but it still work, what is special techniques?
thank

It uses layout grids which do all the work for me of resizing and repositioning.

Alan

[sochea]

Thank you for your response, Please help Me to clarefy about my breakpoint, I used layout grid to desing master page, i set breakpoint 768 and and 480, i preview it work nicely also after pulish it work also with sreen 480 and 768 for other screen it does not show mobile menu icon and my wwb is last verson 17.3. Please help to clarefy about the breakpoint. if you have any video for doing breakpoint, please advise, some video work only preview when website publish and go to mobile it deos not show like preview. here is my link : https://cambodiataxi.net/

one morething, please help to advise about the position of normal layer, for mobile menue i design from the layer i want set the position right for all the screen browser, but now it work only with the breakpoint is set, mean that the breakpoint i set it work nicely, but other it go to middle. please advise how we can settlt this.

thank

[alan_sh]

If you are using a layout grid, you don't NEED to have any defined breakpoints. The layout grid does it for you.

I've produced a simple layout grid template which you can get from here https://www.wysiwygwebbuilder.com/forum ... hp?t=93336
- have a look at that and see if what it does fits your needs. If so, help yourself.

Alan