Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 10, 2015 at 8:18 am #516742
    xfacta

    Hi there
    I am building a site with responsive turned on. However when I view some of the pages the text doesn’t centre and is cut off on the right hand side. I based the design on your Enfold Flat Business Demo – except your text was left aligned and I wanted Centred text.

    The link below is one f the pages that the solid box header isn’t centring when viewed on a mobile phone.

    http://www.topdogsigns.com.au/products/

    Cheers

    October 10, 2015 at 3:23 pm #516818
    Elliott

    Hey xfacta!

    Everything seems to look fine on my end. Can you take a screenshot and highlight the area with the problem? What device are you using?

    Cheers!
    Elliott

    October 11, 2015 at 1:36 am #516887
    xfacta

    Hi there

    I am viewing on an iPhone 5s, I have doubled checked all the settings and each page is setup the same but the “Products” page is the only one that just off.

    Here is what it looks like: http://www.topdogsigns.com.au/enfold/

    Cheers

    October 12, 2015 at 12:02 pm #517287
    Rikard

    Hi,

    Looks like the header is too big to fit on page, please try the following in Quick CSS:

    @media only screen and (max-width: 767px) {
.page-id-451 #av_section_1 .av-special-heading-tag {
font-size:48px !important;
}
}

    You might need to decrease the value 48 even further to get it to fit.

    Thanks,
    Rikard

    October 13, 2015 at 12:06 am #517779
    xfacta

    Perfect!! Thank you :-)

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Text cut on on mobile’ is closed to new replies.