Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 2, 2017 at 5:54 pm #754438
    jonrouse

    Hello.
    I was just checking a site I have built. When I view on a smartphone the captions are not in the vertical and horizontal centre. They appear towards the bottom, and sometimes cut off. It seems to be pages that don’t have the title/breadcrumb bar on.

    Can this be remedied with quick CSS? If so, can you help?

    Thanks!

    March 6, 2017 at 7:33 pm #756564
    jonrouse

    Hi, anyone there?

    March 7, 2017 at 2:13 pm #757001
    Andy

    Hi,

    try this inside of Quick CSS field:

    @media only screen and (max-width: 767px) {
.html_header_transparency #top .avia-builder-el-0 .container, .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
padding-top: 0px;
}}

    Best regards,
    Andy

    March 7, 2017 at 6:06 pm #757158
    jonrouse

    Thanks Andy,
    That works perfectly on the site.
    Sorry, one more thing. Is there a way I can make the font slightly bigger when it’s in that view?
    Cheers

    • This reply was modified 7 years, 9 months ago by jonrouse.
    March 7, 2017 at 8:16 pm #757222
    Andy

    Hi,

    use this code:

    @media only screen and (max-width: 767px) {
.responsive #top .slideshow_caption h2 {
font-size: 10px !important;
}}

    and adjust as needed.

    Best regards,
    Andy

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.