Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1282838

    Hi there

    I am having some trouble with the size the caption text as it appears on mobile devices.

    On my home page, I have a caption which displays on the top of a full screen slider image at the top of the page. When this page is viewed on a mobile device, the caption text is so small it is barely readable.

    Any ideas how I can make it appear larger?

    Thanks,
    Sian

    #1283151

    Hey sdawks,

    Best regards,
    Victoria

    #1283196

    Hi Victoria

    The website is working… perhaps it was down when you tried? Would you mind trying again please.

    Thank you
    Sian

    #1283298

    Hi,

    Add this to quick css:

    @media only screen and (max-width: 767px){{
    #top #wrap_all .slideshow_caption h2.avia-caption-title, #top #wrap_all .av-slideshow-caption h2.avia-caption-title {
        font-size: 30px!important;
    }}

    Best regards,
    Jordan Shannon

    #1283410

    Hi Jordan

    Thanks for your message.

    I added the code, but all it did was change the font for the caption when viewed on a desktop and made no changes to how the caption appears on a mobile device.

    The caption was fine on the desktop, so I wouldnt want to make changes to it – I only look to change the appearance of the caption on a mobile. As well, I was not looking to change the font.

    Can you help?

    Thanks
    Sian

    #1283790

    Hi,

    Thanks for the update. Please try this CSS instead:

    @media only screen and (max-width: 767px) {
    #top #wrap_all .slideshow_caption h2.avia-caption-title, #top #wrap_all .av-slideshow-caption h2.avia-caption-title {
        font-size: 30px !important;
    }
    }

    Best regards,
    Rikard

    #1283857

    Hi Rikard

    Thank you – this has worked :)

    Best wishes
    Sian

    #1283990

    Hi Sian,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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