Navigation
Archive / Icon theme not displaying properly on mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 9, 2017 at 7:28 pm #1323231
    Ghennipher W
    Participant

    Hello,

    I have a site on Icon using content blocks and containers. The site seems to display fine on desktop, but really looks terrible on mobile. What am I missing?
    http://restoreyourfitness.com

    January 10, 2017 at 1:13 am #1323515
    Rupok
    Member

    Hi there,

    Thanks for writing in! You can use “Responsive Text” for the custom headlines. You can create Responsive Text for the pages from Cornerstone settings tab. Here goes the shortcode version – https://community.theme.co/kb/shortcode-walkthrough-responsive-text/

    If you have question for any other elements then let us know.

    Cheers!

    January 16, 2017 at 12:51 pm #1332425
    Ghennipher W
    Participant

    Hi there! I used the Responsive Text for the headlines…but still experiencing a really broken home page on mobile. Any additional suggestions?

    January 16, 2017 at 2:42 pm #1332551
    Joao
    Moderator

    Hi There,

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password
    -URL of the page where you have applied the Responsive Headlines.

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks

    Joao

    January 16, 2017 at 4:55 pm #1332706
    Ghennipher W
    Participant
    This reply has been marked as private.
    January 17, 2017 at 12:56 am #1333120
    Christopher
    Moderator

    Hi there,

    #1 You should not add responsive text element with same selector multiple times in a page.
    e.g :

    [responsive_text selector=".responsive-heading" compression="1.5" min_size="36px" max_size="78px"]

    #2 Responsive text selector should be added in headline/text class field, means if you want to make a heading resposive, the code would be :

    <h1 class="responsive-heading">Heading</h1>

    Hope it helps.

    January 17, 2017 at 12:16 pm #1333851
    Ghennipher W
    Participant

    Yes, that did the trick! Easy solution.
    Thanks so much for you help!

    January 17, 2017 at 1:10 pm #1333917
    Joao
    Moderator

    You are welcome,

    Joao

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