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 -
Centering in a Layout Grid
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
Re: Centering in a Layout Grid
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
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
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
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 -
Jan -