Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #22831

    Hi:

    We got Propulsion up and running on a mobile device and it’s looking great! However, the callout text at the top of the Home Page appears jumbled when viewed on an iPhone or mobile device, or when the browser width is decrease. Please see the following url and reduce the width of the browser to see what we mean. Any ideas on how we can fix this issue?

    http://bit.ly/10alfvC

    Thanks!

    #117403

    Hi,

    It doesn’t look jumbled but it looks off though. Would you like to disable it when viewed on mobile devices?

    You can add this on your custom.css to remove it on mobile view

    @media only screen and (max-width: 767px) {
    .infotext {
    display: none;
    }
    }

    Regards,

    Ismael

    #117404

    Thanks for getting back to me! Our client really needs this to show in mobile view as it contains their brand name. Is there no other way to do so? I was thinking there might be a way to increase the spacing when shown on the mobile device, but I couldn’t figure out how to do that.-Steve

    #117405

    Hi,

    The only solution I can think of is to remove the close button then expand the text container. You can add this code on your custom.css

    @media only screen and (max-width: 767px) {
    .infotext {
    padding: 10px 10px 10px 0;
    }

    #top .close_info_text {
    display: none;
    }
    }

    Regards,

    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Callout Text Jumbled in Mobile Device View’ is closed to new replies.