Page 1 of 1

how is it work over of size ?

Posted: Sat Feb 05, 2022 9:05 pm
by 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..

Re: how is it work over of size ?

Posted: Sun Feb 06, 2022 7:57 am
by 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

Re: how is it work over of size ?

Posted: Mon Feb 07, 2022 5:43 pm
by manuel_songokuh
ok, but im not understand :

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

Re: how is it work over of size ?

Posted: Mon Feb 07, 2022 5:57 pm
by 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..

Re: how is it work over of size ?

Posted: Mon Feb 07, 2022 6:14 pm
by 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>

Re: how is it work over of size ?

Posted: Mon Feb 07, 2022 6:19 pm
by 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..

Re: how is it work over of size ?

Posted: Mon Feb 07, 2022 6:36 pm
by manuel_songokuh
i did try but not work like BAD view..

https://sendvid.com/laz7nmd9

Re: how is it work over of size ?

Posted: Mon Feb 07, 2022 6:41 pm
by Pablo
I cannot see what you have done based on the screenshot
If you need further assistance then please share a DEMO project.

Re: how is it work over of size ?

Posted: Mon Feb 07, 2022 6:46 pm
by manuel_songokuh
there is the screen record so you can see what is problem ok?

how i can send here upload file?

Re: how is it work over of size ?

Posted: Mon Feb 07, 2022 6:49 pm
by 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

Re: how is it work over of size ?

Posted: Mon Feb 07, 2022 6:52 pm
by manuel_songokuh

Re: how is it work over of size ?

Posted: Mon Feb 07, 2022 8:57 pm
by 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>

Re: how is it work over of size ?

Posted: Tue Feb 08, 2022 6:30 am
by 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?

Re: how is it work over of size ?

Posted: Tue Feb 08, 2022 7:05 am
by 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.

Re: how is it work over of size ?

Posted: Fri Feb 11, 2022 9:18 am
by manuel_songokuh
hi

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

Re: how is it work over of size ?

Posted: Fri Feb 11, 2022 9:58 am
by Pablo
You can set the animation in the properties of the panel menu.

Re: how is it work over of size ?

Posted: Sat Feb 12, 2022 4:21 pm
by manuel_songokuh
not work with max-width...

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

Re: how is it work over of size ?

Posted: Sat Feb 12, 2022 4:27 pm
by 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).

Re: how is it work over of size ?

Posted: Sun Feb 13, 2022 10:19 am
by 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..?

Re: how is it work over of size ?

Posted: Sun Feb 13, 2022 10:44 am
by 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.

Re: how is it work over of size ?

Posted: Mon Feb 14, 2022 4:38 pm
by 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"