Mobile Adjustments

• 

  kengarffdbc · Member · Nov 17, 2015 at 10:47 pm

  • Copy link
  • Add topic to favorites

  I’m needing http://desertbuycenter.com/#4steps page to be centered on mobile. Currently when you view it on a phone, it is pushed too far to the right.

  Thank you!

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Nov 19, 2015 at 2:26 am

  • Copy link

  Hi there, you have a 70px left margin set in inline CSS in that page which is causing the problem. I would suggest that you assign a class to that div so that we can use a Media Query for screen/window widths greater than 400px to set that. The existing div looks like this
  <div style="margin-left: 70px; text-align: left;">
  and you would want it to look something like this
  <div class="my-wrapper">
  and the CSS would look like this

  @media screen and (min-width: 400px) {
      .my-wrapper {
      margin-left: 70px;
      text-align: left;
  }
  }

  You can give that a try and see what you think.

• 

  kengarffdbc · Member · Nov 19, 2015 at 3:03 pm

  • Copy link

  This worked perfectly, thank you so much!

• 

  kengarffdbc · Member · Nov 19, 2015 at 3:03 pm

  • Copy link

  This worked perfectly, thank you so much!

• 

  thesacredpath · Member · Nov 20, 2015 at 2:30 am

  • Copy link

  Hooray, and you are welcome.