Navigation
Archive / Columns jumble together at breakpoints
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 11, 2016 at 11:45 am #1081734
    Nicholas
    Participant

    What is the recommended way to prevent images/buttons/text from jumbling together at responsive breakpoints?

    http://imgur.com/DUkSjvX

    http://imgur.com/PgbBv3r

    URL and credentials to follow

    Thanks

    July 11, 2016 at 11:52 am #1081741
    Nicholas
    Participant
    This reply has been marked as private.
    July 11, 2016 at 1:53 pm #1081927
    Rupok
    Member

    Hi there,

    Your site (after login as well) returning 404 error. Would you point us how we could replicate this?

    Cheers!

    July 11, 2016 at 5:10 pm #1082202
    Nicholas
    Participant

    Experienced some hosting issues earlier– apologies for that. Access/login should be kosher once again

    July 12, 2016 at 1:23 am #1082680
    Rupok
    Member

    Hi there,

    Thanks for updating. This is happening because you have set the height and width fixed to 250px with custom CSS.
    You can add this under Custom > CSS in the Customizer.

    @media only screen and (min-width: 768px)  and (max-width: 1169px) {
.x-img.image-cropper {
  height: 100px;
  width: 100px;
}
}

@media only screen and (min-width: 1170px)  and (max-width: 1400px) {
.x-img.image-cropper {
  height: 150px;
  width: 150px;
}
}

    Hope this helps.

    Cheers!

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