Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Center content only on mobile

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #208273
    Eva
    Participant

    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

    #208538
    Geoff Graham
    Moderator

    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%;
    }
    
    #208558
    Eva
    Participant

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


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

    #208594
    Sirajalislam
    Participant

    @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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.