Navigation
Archive / Pictures are cut-off in mobileview
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • May 26, 2016 at 4:35 am #1010739
    Tinami
    Participant

    Hi!
    I have a problem with the mobile view of our site. The fullscreen view looks fine, but when looking at the page on the phone, the pictures and text (on top of the pictures) are cut off. How can i solve this problem?

    I have attached a picture which shows the differences depending on the views.

    Thanks!

    May 26, 2016 at 4:40 am #1010748
    Tinami
    Participant
    This reply has been marked as private.
    May 26, 2016 at 5:25 am #1010799
    Paul R
    Moderator

    Hi,

    Please reduce the size of your screenshot and upload again as it exceeds the allowable file size in the forum.

    You can enable responsive text to your headlines.

    eg. Add class h-responsive

    Add class to your custom headline element

    After that, add responsive text and add your class as selector

    Add responsive text

    Set your class as selector

    Change minimum size and maximum size to achieve your desired result

    selector – Accepts a unique selector used on any text element that you want to be responsive.
    compression – Set this to any number to alter the compression of how slow/fast your text responds as you resize the window. Start at 1.0 and make slow incremental changes to see what works best for you.
    min_size – The minimum font size that you want your text to be. Accepts pixel units.
    max_size – The maximum font size that you want your text to be. Accepts pixel units.

    Hope that helps.

    May 26, 2016 at 6:26 am #1010865
    Tinami
    Participant

    Thank you for the excellent how-to!
    Regarding the pictures – here is the attachment 🙂

    May 26, 2016 at 7:42 am #1010968
    Joao
    Moderator

    Hi There,

    Are you still facing the issue after the how-to?

    If yes please contact us so we can help you.

    Thanks,

    Joao

    May 27, 2016 at 3:49 am #1012638
    Tinami
    Participant

    Hi!
    That worked well on the text. I have one extra question about the text though. Can I have two different responsive custom-headline-sizes? I want the text on the page top to be bigger and the following section headlines to be another size (smaller). Is that possible to do?

    I do not get it to work on the pictures? How do I Make them responsive?

    May 27, 2016 at 4:14 am #1012673
    Rue Nel
    Moderator

    Hello There,

    Yes you can have as many responsive texts. Simply create different class selectors in your elements so that you can have different responsive text size. To know more how you can properly implement responsive text, please check it out here: https://community.theme.co/kb/shortcode-walkthrough-responsive-text/

    Hope this helps.

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