Problem with Cards on mobile breakpoints

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
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
Post Reply
kemppaik
 
 
Posts: 2
Joined: Sun Apr 17, 2022 10:47 pm

Problem with Cards on mobile breakpoints

Post by kemppaik »

I am having issues with cards not allowing me to change margins and paddings for different breakpoints. I can get the breakpoints to work for the default and the other pages, but when I try to setup a mobile page (320) I can not change the margin or breakpoint - it defaults back to the original value when I save it.

How can I properly setup these cards for a mobile page? What am I doing that is incorrect?

Website page: https://twowillowstest.s3.ca-central-1. ... sales.html

Please note, I am aware there are issues with the other pages on this website. No need to mention. :)

Thanks in advance.
User avatar
Pablo
 
Posts: 22489
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Problem with Cards on mobile breakpoints

Post 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
kemppaik
 
 
Posts: 2
Joined: Sun Apr 17, 2022 10:47 pm

Re: Problem with Cards on mobile breakpoints

Post by kemppaik »

Here is where the .wbs file can be downloaded from: https://twowillowstest.s3.ca-central-1. ... emFile.wbs

All files for this small problem project page, including images, can be found in this zip file: https://twowillowstest.s3.ca-central-1. ... emFile.zip
User avatar
Pablo
 
Posts: 22489
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Problem with Cards on mobile breakpoints

Post by Pablo »

The problem is related to the use of 'orientation' in breakpoints. This is not support by cards.
I do not recommend to use the orientation property in breakpoints.

Also, I do not think there are many devices which are smaller than 320, so I am not sure if the 320 makes any sense in this layout.
Post Reply