Navigation
Archive / Feature List not being responsive
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 29, 2016 at 6:43 pm #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 =/

    March 29, 2016 at 6:44 pm #857684

    yijunc
    Participant
    This reply has been marked as private.
    March 30, 2016 at 12:31 am #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.

    March 31, 2016 at 5:41 pm #861595

    yijunc
    Participant
    This reply has been marked as private.
    April 1, 2016 at 1:08 am #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.

    April 1, 2016 at 5:59 am #862398

    yijunc
    Participant
    This reply has been marked as private.
    April 1, 2016 at 3:57 pm #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.

    April 1, 2016 at 7:00 pm #863265

    yijunc
    Participant
    This reply has been marked as private.
    April 2, 2016 at 7:43 am #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 🙂

  • Author
    Posts