Center Alignment Not Consistent

  • 0
  • 1
  • Question
  • Updated 4 years ago
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members. The community moderator provided the following reason for archiving: Archiving

Only some of my pages are center aligned on my cellphone, but all pages show up as centered aligned on my PC. My backgrounds for each page are just color (no design) and all set to center align.
Photo of bookministry

bookministry

  • 780 Points 500 badge 2x thumb

Posted 4 years ago

  • 0
  • 1
Photo of themieleman

themieleman, Champion

  • 65,262 Points 50k badge 2x thumb
Are you using a Duda mobile website option? Are the page widths the same?
Photo of bookministry

bookministry

  • 780 Points 500 badge 2x thumb
Nope - Sitebuilder Plus; Page widths are the same. If you'd like to see what I mean (unless my Galaxy Phone is the problem), the website is www.bookministry.org. The Home page won't center automatically, nor will Testimonials, Videos, and Thanks. The other pages are fine.
Photo of bookministry

bookministry

  • 780 Points 500 badge 2x thumb
Now here's something very strange and may be related. I decided to shrink my website (all pages) from 1067 pixels wide to 900. Now, I'll save my Home page as 900 - log out - then log back in and it shows it back to 1067. This doesn't explain the other pages not centering, but it sure doesn't make sense why it won't actually save and publish at 900 pixels.
Photo of William S

William S

  • 18,878 Points 10k badge 2x thumb
Hello,

This is because there is an element that is 1067 pixels wide and is causing the page width minimum to be 1067. I have found it on the home page and removed it. It now is saving and publishing at 900.
Photo of bookministry

bookministry

  • 780 Points 500 badge 2x thumb
Cool - I looked and looked and couldn't find it. I appreciate the help!!! - but the centering issue is still a mystery... Thanks so much for your help!
(Edited)
Photo of William S

William S

  • 18,878 Points 10k badge 2x thumb
It looks like the centering looks better in computer browsers, but not really a change in mobile browsers. This may not be a fixable issue with your site as it could just be part of the limitation Homestead websites have with mobile browsers. 
Photo of bookministry

bookministry

  • 780 Points 500 badge 2x thumb
bummer ... but thanks to you for your help with my page width issue, I'm finding other pages with similar issues. Thanks for what we are able to fix.
Photo of bookministry

bookministry

  • 780 Points 500 badge 2x thumb
Found the problem - see comments that follow!
Photo of themieleman

themieleman, Champion

  • 65,262 Points 50k badge 2x thumb
You site centers on my desktop. I am using the Duda option for mobile. You might sign up for that. It's an option you see on the website manage tab, Homestead is partnering with Duda to produce a more Google compatible mobile format. As for your changes, did you save and publish your changes? If so, you may need to refresh your browser to view your webpages as published: ctrl/shft/del.
Photo of bookministry

bookministry

  • 780 Points 500 badge 2x thumb
Ok - here's the original problem: "Only some of my pages are center aligned on my cellphone, but all pages show up as centered aligned on my PC." They look fine on my PC (as you can see on your own PC) - but I'm trying to be small-device friendly, but the pages mentioned aren't cooperating on my Galaxy Cellphone. I tried Duda when it came out and it was an absolute NIGHTMARE for me. As you can see, my website is a bit busy. Thanks for your interest and helping me try to figure this out.
Photo of bookministry

bookministry

  • 780 Points 500 badge 2x thumb
FOUND IT!!!! I have some head tag HTML I was instructed along the way to add - which is something I don't know anything about what I'm doing - and removing it fixes the issue. Here's the HTML in case it means something: </script><script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-23363699-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
Photo of bookministry

bookministry

  • 780 Points 500 badge 2x thumb
THIS IS THE HTML my cellphone doesn't like (whatever it means):
<script type="text/javascript">  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
Photo of William S

William S

  • 18,878 Points 10k badge 2x thumb
It looked like part of the other HTML code was for Google analytics, so that is needed. I'm not sure what this section of code is for.

This conversation is no longer open for comments or replies.