Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1255466
    ccwadsworth
    Participant

    Hi X
    I have some graphics and text in a text box that are not responsive when viewed in a mobile format; everything else on the page adjusts, but not the text area.
    I have attached a full screen and mobile screen shot.
    Would appreciate your help, thank you!

    #1255472
    ccwadsworth
    Participant
    This reply has been marked as private.
    #1255821
    Rue Nel
    Moderator
    This reply has been marked as private.
    #1256266
    ccwadsworth
    Participant

    Thanks for your response Rue and your test page – that does help, however I need the text to be responsive too…
    Appreciate your help, thank you!

    #1256327
    Christian
    Moderator

    Please use the Responsive Text feature in Cornerstone for the text. You can set it up in Cornerstone Settings tab. See https://community.theme.co/kb/shortcode-walkthrough-responsive-text/ for more details about Responsive Text.

    Thanks.

    #1256738
    ccwadsworth
    Participant

    Thanks Christian – that helped with that issue!
    Now, can you help me figure out how to get the image to align with the text, like a bullet?
    Here is the short code I am using for the responsive image/text:
    [x_image class=”my-image mbn” src=”http://53one.com/wp-content/uploads/2016/11/flowericon.png”%5D%5Bx_custom_headline type=”left” level=”h5″ looks_like=”h5″]Luxurious Body Butter Lotion[/x_custom_headline]

    Thank you!

    #1257106
    Jade
    Moderator

    Hi there,

    It would be easier if you will use the Featured List element in Cornerstone then you can use the image as the graphic the text content and they should appear next to each other.

    Hope this helps.

    #1257789
    ccwadsworth
    Participant

    PERFECT! That’s exactly what I needed! I didn’t realize I could change the image with that feature. Many, many thanks!

    #1257814
    Thai
    Moderator

    If you need anything else please let us know.

  • <script> jQuery(function($){ $("#no-reply-1255466 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>