[Solved] Center content only on mobile

[Eva]

HEllo,
I am working on the mobile version of the site:
http://logic.al/en/logical-products
The link i provided is the one who is killing me… I cant set in the center of the page the
products,and the text below them.
I have added specific id-s for each element of each product, but when i change viewport size it doesnt keep equal portions.
Footer as well does the same thing only in safari. ( i dont want to align text i want to align in the center the content of footer )
Ideas are always welcome :D

[Geoff Graham]

I see what you mean!

The problem is that each product container is not filling the entire width of the browser on smaller screens. This should do the trick:

.bonus-page .bn-item {
  width: 100%;
}

[Eva]

actually was
.col-sm-6 {
width: 100%;
}

@Geoff Graham,Thank you so much for your time.

[Sirajalislam]

@Geoff
Could you please have a look at http://www.one2onelegal.com
I want the home page text and image to be centred on mobile, or even better everything centered and justified.
Novicce at this so would really appreciate your help – using the Avada theme.
Thanks
Siraj

[Author]

Posts