Page 1 of 1

Centering in a Layout Grid

Posted: Wed Oct 12, 2022 2:14 pm
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 -

Re: Centering in a Layout Grid

Posted: Wed Oct 12, 2022 2:59 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: Centering in a Layout Grid

Posted: Wed Oct 12, 2022 2:59 pm
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.

Re: Centering in a Layout Grid

Posted: Wed Oct 12, 2022 3:54 pm
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 -