www.wysiwygwebbuilder.com

When moving through breakpoints, I lose the padding or spacing on a certain object.

Page called main and the object is called Photoshop Actions

small wbs file at link below

https://spaces.hightail.com/space/OpEhC ... 4/Test.wbs

The link does not work for me.

Also, can you please describe the exact steps to reproduce this behavior?

Pablo wrote: Wed Feb 19, 2025 5:41 pm The link does not work for me.

Also, can you please describe the exact steps to reproduce this behavior?

The link should allow download of Test.wbs 11kb

Go to page called main

Default breakpoint on Photoshop Actions object has correct padding

Go to 768 or 320 breakpoints and the padding above Photoshop Actions object disappears

Thanks
https://spaces.hightail.com/space/OpEhC ... 4/Test.wbs

I'm sorry, but I do not see any breakpoints in the project you have shared.
Also, there are no images...

Did you share the right project?

Pablo wrote: Wed Feb 19, 2025 6:49 pm I'm sorry, but I do not see any breakpoints in the project you have shared.
Also, there are no images...

Did you share the right project?

Not sure whats going wrong .... added a image file also

https://spaces.hightail.com/space/OpEhCUUkN1 ( this should 2 files in folder called WYS )

Are you sure you have shared the correct file?

The test.wbs projetc does not look like the one in your image.

Pablo wrote: Wed Feb 19, 2025 8:36 pm Are you sure you have shared the correct file?

The test.wbs projetc does not look like the one in your image.

Ah man, sorry .... as usual my error, grabbed the wrong test file. ( correct file 128kb )
Thanks for the patience.

https://spaces.hightail.com/space/OpEhCUUkN1

Thanks, this is the correct file.

Each breakpoint has its own padding settings.
It looks like you did not set the padding in the breakpoints for the flex container.

Step 1
Switch to the breakpoint

Step 2
Select the flex container

Step 3
Click the 'Padding' button to set the padding.

Thanks ...

looking at all tabs for the flex container, but do not see a padding setting.

Only see padding setting for the objects within the container(s)

Simply right click on the flex container and choose padding or select the flex container and in the object properties click the padding link at the bottom.

crispy68 wrote: Thu Feb 20, 2025 12:45 am Simply right click on the flex container and choose padding or select the flex container and in the object properties click the padding link at the bottom.

geez how did I miss it ------

Thanks

Whats a little confusing is

Right click on Flex Container in Objects Manager and not see the padding option.

Alt Enter with Flex Container in Window section and no padding option.

Right click in Flex Container in Window section and you get the padding option.

Should not all this stuff work in sync ?

Tools -> Options -> User Interface -> Show Padding and margin tabs in properties.



There is also a dedicated 'Padding' button in the arrange toolbar.

Thank you.