how is it work over of size ?

[manuel_songokuh]

hi

size default is 1024, but when display is big, will be show the panel?
when size is small will be hide panel?

see this site: https://html5up.net/uploads/demos/read-only/

(firefox: CTRL+MAIUSC+M) check size small - normal - bigger , panel is show/hide, change the size of font..

[Pablo]

You can use breakpoints to show and hide elements on the page based on the size of the browser window,.
https://www.wysiwygwebbuilder.com/respo ... esign.html

[manuel_songokuh]

ok, but im not understand :

for panel how make it show/hide.. im not understrand..

[manuel_songokuh]

sorry i mean, when size (viewport) is down so panel will be HIDE..how..? breakpoint not work...

(firefox: CTRL+MAIUSC+M) check size small - normal - bigger , panel is show/hide, change the size of font..

[Pablo]

For example, you can use this code in Page HTML

Code: Select all

<style>
@media all and (max-width:768px) 
{
#PanelMenu1_panel
{
   display: none !important;
}
}
</style>

[manuel_songokuh]

this thing i dont know, but thank you for give me , but this method will be can add feature for similar that you write code..?
this code is helpfully..

[manuel_songokuh]

i did try but not work like BAD view..

https://sendvid.com/laz7nmd9

[Pablo]

I cannot see what you have done based on the screenshot
If you need further assistance then please share a DEMO project.

[manuel_songokuh]

there is the screen record so you can see what is problem ok?

how i can send here upload file?

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

Note that I cannot see what you have done based on the published page (HTML), because the software has thousands of options and millions of possible combinations.
So, there is no way to know which options you have used by looking at the HTML only.

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

[manuel_songokuh]

https://file.io/SG0KzYF6YgIG

[Pablo]

Firstly, note that the code should be placed between the head tags, not at the start of the page.

Also, you have used the 'push' effect, so you will need to correct the page margin.

Code: Select all

<style>
@media all and (max-width:768px) 
{
#PanelLayer2_panel
{
   display: none !important;
}
body 
{
   margin-left: 0px !important;
}
}
</style>

[manuel_songokuh]

Oh thank you so much!

I will do later.

That I want to ask you if you can add new little feature for "size max-width" in built-in in tool? Will be used for all items (panel menu, images, etc, etc)

Without use the code typing..is it possible next release? Or is it hard add the code a lot?

[Pablo]

It is not always possible to built-in a standard option for everything.
Sometimes it 's quicker just to add some code.

But you can post suggestions in the 'Suggestions' section of this forum.
If more users find this useful then I will consider it for future development.

[manuel_songokuh]

hi

now i see that is works!, but how i can insert code for easing:easeInOut animation for push turn off..

[Pablo]

You can set the animation in the properties of the panel menu.

[manuel_songokuh]

not work with max-width...

that easing is worked with panel.. but not max-width..

[Pablo]

max-width has nothing to do with animations.
animations use jQuery, so they cannot be controlled via CSS breakpoints (if that is what you meant).

[manuel_songokuh]

ok, why that site: https://html5up.net/uploads/demos/read-only/ has works and not work wwb why?

if i want use that animation.. so wwb will be can do this..i buyed wwb many times for new version..and many years..

why wwb is limited..?

i love wwb, but i think wwb needs more feature ok? for me this effect for close and open panel needed..for level professional..

what do you think about this..?

[Pablo]

WWB is not limited.
You can do everything in WWB, that you can do somewhere else.
However, there is no always a standard solution for everything you can think of.
Even if I added thousands of extra options then there will always things that will be missing. That applies to every software.
This feature has never been requested by other users so that is why it does not exist.

But, if you have suggestions then you can post them in the 'suggestions' section of this forum. If more users find this useful then I will consider it for future development.
In the meantime, you can solve it with custom code.

[manuel_songokuh]

i dont know for custom code for to close the animation with "max-width" , i dont use code custom, i use with wwb because wwb has this excellent:
"WYSIWYG"