Centering in a Layout Grid

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
JustJan
 
 
Posts: 35
Joined: Thu Feb 06, 2020 4:13 pm

Centering in a Layout Grid

Post by JustJan »

I understand about basic centering for layout grids and various breakpoints. My problem comes when attempting to center a YouTube video or Paypal shopping cart button when the page reduces in size to a mobile version, such as a 320 breakpoint.

Here's an example: https://www.hawkmtn.com/fta/chronicles.html
The video is centered in the layout grid for both of the higher breakpoints; however, when it's reduced to the mobile version, the videos don't center themselves. Is there something in the html coding I should be doing to make this happen?

Another example: https://www.hawkmtn.com/fta/apparel.html
The shopping cart buttons from Paypal don't center themselves in the mobile version with 320 breakpoint. Again, would be there some type of coding or something I'm missing in order to center these items inside the layout grid?

I thank you for any help you may give me on this, as I've exhausted all the help articles and still can't find a solution.

Jan -
User avatar
Pablo
 
Posts: 23239
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Centering in a Layout Grid

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
User avatar
crispy68
 
 
Posts: 3001
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Centering in a Layout Grid

Post by crispy68 »

As for you Paypal buttons, it looks to me that your html boxes are too small and you have it set to create a div. The buttons via code is wider than your html box. Try setting your html boxes to "not use a div". This allows the code you entered to dictate the size. I believe this is the same issue with your videos.
JustJan
 
 
Posts: 35
Joined: Thu Feb 06, 2020 4:13 pm

Re: Centering in a Layout Grid

Post by JustJan »

Thank you to Pablo and Crispy68 for your replies. Crispy68: Your recommendation worked perfectly! Changing the div setting on both the shopping cart buttons AND the videos made them center perfectly on the mobile version! I thank you so very much for your help with this!!

Jan -
Post Reply