Solved

How can you make images center on mobile view in smartbuilder

  • 2 August 2023
  • 6 replies
  • 47 views
J
Badge

I’m new to Unbounce.  I’m having trouble centering an image on mobile view.  On desktop, the text and image are side by side with text left justified and the image on the right.  On mobile, the text and image are stacked but the text is centered, but the image is left justified.  How can I center the image so it looks right on mobile?

 

icon

Best answer by Michael_McInnes1 21 August 2023, 15:31

View original

6 replies

J
Badge

I think I see what’s happening - it looks like it’s left aligned in the UI, but once you publish it to the landing page and look on your phone, it’s filling the screen/looks fine.  

Michael_McInnes1
Rank
Userlevel 3
Badge

Hey @javiloboco thanks for posting! 👋 That does seem a little off, it should be aligned in the editor the same way as on your live page/phone, especially in the preview mode. Can you share the URL of the page please? We’d be happy to take a closer look at this for you!

J
Badge

@Michael_McInnes1 Thanks for the message.  Here’s the “edit” page for our landing page:  https://app.unbounce.com/5425051/ccp_pages/9123b485-e991-492b-9fa5-101d4b59b896/edit?variant_id=q

 

The landing page live is here showing 3 different variants: https://try.getzealthy.com/weight-loss/

Michael_McInnes1
Rank
Userlevel 3
Badge

Thanks @javiloboco, I am going to run this by our Smart Builder team so please hold tight! In the meantime, I am happy that it’s displaying as you want it on the live page! 👋 😊

Michael_McInnes1
Rank
Userlevel 3
Badge

One last thing @javiloboco, whilst you are always welcome to reach out in the Community (and we’re happy that you did!), please keep in mind that for the speediest responses and turnaround times you’ll be better off contacting our support team directly! You can find out how to contact them here: https://unbounce.com/contact-us/support/. 💪

Michael_McInnes1
Rank
Userlevel 3
Badge

Hey @javiloboco, I have an update for you! It appears that the image was actually left-aligned it was just appearing centred on smaller screen devices. If you check the same page on a larger device you’ll see that it is indeed left-aligned:

 

If you want to ensure that your image shows as centred on all devices, you can add the image to a group and centre the group. You can find out more about adding groups in Smart Builder here:

https://documentation.unbounce.com/hc/en-us/articles/4403350773012-Adding-Sections-in-Smart-Builder

 

I hope this helps @javiloboco! 

Reply


Terms & ConditionsCookie settings