Card expands downwards in breakpoints
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.
Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.
Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Card expands downwards in breakpoints
Hi Pablo and wwb:rs
Having a problem with card expanding downwards in breakpoints, especially 480 and 340 for mobile units. Setting the card to correct hight and changeing to other breakpoint, when returning to the changed 340 or 480 it has expanded downwards?
For example:
Correct size
Expanded wrong
Site:
https://www.fundacionvirgendelamerced.c ... ectos.html
Having a problem with card expanding downwards in breakpoints, especially 480 and 340 for mobile units. Setting the card to correct hight and changeing to other breakpoint, when returning to the changed 340 or 480 it has expanded downwards?
For example:
Correct size
Expanded wrong
Site:
https://www.fundacionvirgendelamerced.c ... ectos.html
Re: Card expands downwards in breakpoints
To be able to help you, I need a DEMO project (.wbs file) so I can see all your settings.
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
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: Card expands downwards in breakpoints
Sorry Pablo, thought it was a knewn issue, but here's the wwb project:Pablo wrote: ↑Thu Nov 03, 2022 5:00 pm To be able to help you, I need a DEMO project (.wbs file) so I can see all your settings.
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
https://www.chevere.ec/web_storage/testproject.zip
Re: Card expands downwards in breakpoints
I too have had this issue but I left it for while as the work on the project stopped.
Running WYSIWYG Web Builder since 2007...
Re: Card expands downwards in breakpoints
I think it's best if you give the card a minimum height (via the flexbox properties).
Otherwise a card will attempt match the height of other cards in the same container.
The "minimum height" property is responsive, so it can be different in breakpoints.
Otherwise a card will attempt match the height of other cards in the same container.
The "minimum height" property is responsive, so it can be different in breakpoints.
Re: Card expands downwards in breakpoints
Hi Pablo... tnx for answering. Sorry but I can not find were to set the minimum hight?? Please explain...
Found it in the "Context menu"... but what value chall I set here?
Re: Card expands downwards in breakpoints
Ok... setted the minimi hight for every breakpoint that the object has originally, seams to work
Re: Card expands downwards in breakpoints
Hi Pablo... hope you can check this out:
Now I have opened this site in ver 18 latest build and the problem with expanding hight in the cards returned?? Changes I've done are erasing the button in the bottom of the cards and inserted one more slide. After noticed the problem again I went through all slides and breakpoints adjusted the min hight, but the problem still occurs??
The test site published as above and here's a new project file:
https://www.chevere.ec/web_storage/cardissue.zip
Re: Card expands downwards in breakpoints
What exactly do I need to do to see the problem?
Re: Card expands downwards in breakpoints
If you look at the published version or preview, you see that the space beneth the bottom text and the frame differs when you chrink the browser size for the different breakpoints... some are acceptable but others expands way to much down...
Re: Card expands downwards in breakpoints
At the moment, the minimum height property is only responsive when the card is used in a flex container. Because is was mainly to be used for flexbox layouts.
This means that if you use the card in another type of container, that you will have to set the minimum height to the smallest value in the default view.
For example, the minimum height of 'ProyectosCard5' is set to 373 in the default view, this should be 251 (or maybe even smaller).
This means that if you use the card in another type of container, that you will have to set the minimum height to the smallest value in the default view.
For example, the minimum height of 'ProyectosCard5' is set to 373 in the default view, this should be 251 (or maybe even smaller).
Re: Card expands downwards in breakpoints
Ok... tnx Pablo. I will test...Pablo wrote: ↑Wed Nov 23, 2022 4:16 pm At the moment, the minimum height property is only responsive when the card is used in a flex container. Because is was mainly to be used for flexbox layouts.
This means that if you use the card in another type of container, that you will have to set the minimum height to the smallest value in the default view.
For example, the minimum height of 'ProyectosCard5' is set to 373 in the default view, this should be 251 (or maybe even smaller).
Re: Card expands downwards in breakpoints
Hi again Pablo... I'm testing... get's a little better, but I get no logic in the settings. Shall the settings be the same for all breakpoints in each slide or shall they be changed individually? I get small changes but nothing that corresponds to the big changes in numbers...Pablo wrote: ↑Wed Nov 23, 2022 4:16 pm At the moment, the minimum height property is only responsive when the card is used in a flex container. Because is was mainly to be used for flexbox layouts.
This means that if you use the card in another type of container, that you will have to set the minimum height to the smallest value in the default view.
For example, the minimum height of 'ProyectosCard5' is set to 373 in the default view, this should be 251 (or maybe even smaller).
Is there a guide how it works?
Re: Card expands downwards in breakpoints
The values in the breakpoints are not used. They are only valid in combination with flexbox.
So, the default view should have the minimum height for all views. For example, if the height in the 320 breakpoint is the smallest of all views then you should use that value.
So, the default view should have the minimum height for all views. For example, if the height in the 320 breakpoint is the smallest of all views then you should use that value.
Re: Card expands downwards in breakpoints
Muchas Gracias Pablo, give it a new tryPablo wrote: ↑Thu Nov 24, 2022 4:42 pm The values in the breakpoints are not used. They are only valid in combination with flexbox.
So, the default view should have the minimum height for all views. For example, if the height in the 320 breakpoint is the smallest of all views then you should use that value.