New Landing › How can we help? › Cardinal › Image Banner text disappears in Mobile

Viewing 7 posts - 1 through 7 (of 7 total)
  • Back to forum
    Posted in: Cardinal
  • October 27, 2016 at 7:33 am #298980
    rileyberg
    Member
    Post count: 29

    I am using Image Banners for page titles on a few of my pages. The text shows up on a computer, but on mobile devices it is invisible. How can I fix this? Thanks!!!

    October 27, 2016 at 6:08 pm #299198
    rileyberg
    Member
    Post count: 29

    Help please.

    October 28, 2016 at 11:00 am #299300
    David Martin – Support
    Moderator
    Post count: 20834

    Are you referring to this banner:

    What device are you experiencing this on?

    Can you please update the core theme version: http://weatherberg.com/wp-admin/update-core.php

    October 28, 2016 at 3:52 pm #299410
    rileyberg
    Member
    Post count: 29

    Correct, the DESTINATION banner. The text is invisible on iPhone.

    October 31, 2016 at 2:41 pm #299585
    David Martin – Support
    Moderator
    Post count: 20834

    The banner appears perfectly:

    October 31, 2016 at 5:22 pm #299633
    rileyberg
    Member
    Post count: 29

    Is there a code I can use so that the text doesn’t spillover to the next line on Mobile? Meaning, that the banner text becomes smaller where necessary? Thank you for your help!

    October 31, 2016 at 6:18 pm #299664
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    Hi,

    try to reduce that title font in the mobile. Add the code below to your custom css option.

    
@media only screen and (max-width: 767px){
.sf-image-banner h1 {
    font-size: 40px;
}
}

    -Rui

  • Back to forum
    Posted in: Cardinal
Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register