Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 6, 2015 at 2:30 am #455363
    FelixWeile

    Hi, been working on our page and got the desktop version pretty good. But we have a problem with our mobile version. In portrait veiw on my iphone 6, our words on the homepage doesn’t come in centered and some of the words gets cut off. We have the responsive site checked in the general layout. How can we get the words so fully show on our mobile device? Thanks

    June 6, 2015 at 3:45 am #455368
    FelixWeile

    Also, on the mobile version, the video intro doesn’t play. How do you make it work on an mobile device?

    June 8, 2015 at 7:36 am #455737
    Rikard

    Hey!

    It looks like the special heading font size was a bit to big to fit on mobile, please try the following in Quick CSS:

    @media only screen and (max-width: 767px) {
.av-inherit-size .av-special-heading-tag {
  font-size: 0.7em !important;
}
}

    Auto play is disabled on smartphones for a couple of reasons, roaming rates being one. You can set a fallback image for smartphones in the color section in the Section Background tab.

    Best regards,
    Rikard

    June 11, 2015 at 9:10 pm #458038
    FelixWeile

    Hi Rikard, thanks for responding. Did the both things. The picture works better on a mobile device. But I’m still having problems with the text still. On my iphone it’s still getting cut off. It’s a little better, but the words are still not centered. Don’t know if I did the coding wrong. I just copy and paste it in on the bottom of the general styling menu where there’s the quick css. It’s almost there. Thanks for your help.

    June 12, 2015 at 8:16 am #458233
    Rikard

    Hey!

    You can try to make the text even smaller, I changed the previous code to 0.6 em for mobile and aligning the text to the left might look better:

    @media only screen and (max-width: 767px) {
.av-inherit-size .av-special-heading-tag {
  font-size: 0.6em !important;
}
.page-id-431 .avia-builder-el-2  h2 {
text-align: left !important;
}
}

    Regards,
    Rikard

    June 12, 2015 at 9:54 pm #458630
    FelixWeile

    Hey Rikard, Thanks for your help. Got it to work out with it being centered. Thanks again…

    June 15, 2015 at 5:27 am #459083
    Rikard

    Hey!

    Glad we could help :)

    Cheers!
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Mobile text not centered’ is closed to new replies.