control which portion of the image that is centered on mobile

• 

  annisbrander · Member · Jun 24, 2015 at 8:25 pm

  • Copy link
  • Add topic to favorites

  Hey

  I need help to control which portion of the image that is centered on mobile using CSS.
  Right now, the left side of the image on my start page is the only thing I see in my iphone, but I want it to focus on me, in the middle of the image.

  Ciao Annis

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

• 

  thesacredpath · Member · Jun 24, 2015 at 11:32 pm

  • Copy link

  Annis, I’m seeing centered on my simulator, but lets give the following a try. Add
  background-position: center 0px !important;
  to the max-width .bcg media query you have and see what happens.

• 

  annisbrander · Member · Jun 25, 2015 at 11:56 am

  • Copy link

  Thank you, thank you, thank you!!!!!!!
  It work just perfectly. I’ve spent so much time on this.

• 

  thesacredpath · Member · Jun 25, 2015 at 5:05 pm

  • Copy link

  Hooray and you are welcome! Given my simulator wasn’t showing me what I saw on my iPhone, I had to look at the existing code and see what was going on and then take a wild guess. :) Luckily that wild guess turned out to be a good one.