Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #23706

    I am using Linx theme. I chose this theme because when I looked in themes in Inspirations, the background image seemed to remain centered in phone and tablet views as well as desktop views.

    Now I have my site: http://www.patriciasbodysynergy.com and The image behind the call to action on the home page does not stay centered. What can I do?

    #23707
    BoldGrid Support
    Keymaster

    Hello, SBH Web Design!

    Thanks for posting your comment regarding the Linx Inspiration background image responsiveness on mobile devices. I’m sorry to see that you are experiencing issues with that. I have installed this Inspiration and changed the background image to get a better idea of what is happening. I also visited your site to review the background image you are using, thank you for providing that link.I would advise creating a new image. The image you are currently using has a gray border that is wider than a mobile device’s typical display size (width). In the previews of the Inspiration on the different devices, you can see the image is not actually resized. As it appears, the width of the device’s display determines how much (starting from the left) of the image is displayed. With that being said, I would suggest removing the border of your image and placing the text on the page, rather than on the background image. If you must place the text on the photo, then try to keep the text as far to the left as possible and vertically align the text in the middle of the image. I hope this helps!

    The image you are currently using has a gray border that is wider than a mobile device’s typical display size (width-wise). In the previews of the Inspiration on the different devices, you can see the image is not actually resized or recentered. Rather, as it appears, the width of the device’s display determines how much (starting from the left) of the image is displayed. I believe that your background image has a border that is too big to display on a smaller device screen. With that being said, I would suggest removing the border of your image and placing the text on the page, rather than on the background image. If you must place the text on the photo, then try to keep the text as far to the left as possible and vertically align the text in the middle of the image. This should result in the image and text appearing as much as possible on the smaller displays. I hope this helps!

    Sincerely,

    Carlos E

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘I am concerned that I cannot make my background image work on all devices.’ is closed to new replies.