Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #857678
    yijunc
    Participant

    Hi

    i’ve added a feature list and opening hours (with text element) on one of my pages and they’re not being responsive. Fonts and headings are too large, especially when viewed on my phone. Please help =/

    #857684
    yijunc
    Participant
    This reply has been marked as private.
    #858143
    Christopher
    Moderator

    Hi there,

    Please update X and check again, if it doesn’t help provide us with URL and login credentials so we can take a closer look.

    Thanks.

    #861595
    yijunc
    Participant
    This reply has been marked as private.
    #862102
    Rue Nel
    Moderator

    Hello There,

    Thanks for the updates. Regretfully the given credentials is not working for us. The password seems invalid. Please double check it. For the meantime, you can apply the responsive text to the feature list and manage it in Settings > Responsive Text. To know more about responsive text and how it will be implemented into your page, please check it out here: https://community.theme.co/kb/shortcode-walkthrough-responsive-text/

    Hope this helps. Please let us know.

    #862398
    yijunc
    Participant
    This reply has been marked as private.
    #863089
    Jade
    Moderator

    Hi there,

    I have just checked the pages of your site but I can’t seem to find the page where you used the Feature List element and the dentist page goes to a 404 page now. Would you mind giving us the URL where you are currently working on so that we could check it further? Thank you.

    #863265
    yijunc
    Participant
    This reply has been marked as private.
    #863732
    Thai
    Moderator

    Hello There,

    Please add the following CSS under Customizer > Custom > Edit Global CSS:

    @media (max-width: 768px){
        .page-id-218 .x-feature-box-title {
            font-size: 32px;
        }
        .page-id-218 .x-feature-box-text {
            font-size: 22px;
        }
        .page-id-218  #x-section-5 .x-text p font {
            font-size: 16px !important;
        }
    }
    @media (max-width: 480px){
        .page-id-218 .x-feature-box-title {
            font-size: 30px;
        }
        .page-id-218 .x-feature-box-text {
            font-size: 20px;
        }
        .page-id-218  #x-section-5 .x-text p font {
            font-size: 20px !important;
        }
    }

    Hope it helps 🙂

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