Navigation
Archive / Media Breakpoints (Throwing Me Through a Loop)
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 27, 2017 at 8:13 pm #1388169
    Edward Williams
    Participant

    Not quite sure how to tackle the media breakpoints. Did some research and got confused.

    I have Custom CSS on the individual blog post page:

    .x-container.max.width {
   max-width: 1330px;
   width: 65%;
}

    Looks great on desktop, however, when we start scaling down in devices…smooshed-city.

    Definitely want to fix this. It makes a terrible reading experience. Details below!

    February 27, 2017 at 8:16 pm #1388170
    Edward Williams
    Participant
    This reply has been marked as private.
    February 28, 2017 at 2:56 am #1388462
    Christopher
    Moderator

    Hi there,

    Please update your code to :

    @media (min-width:979px){
.single-post .x-container.max.width {
   max-width: 1330px;
   width: 65%;
}
}

    Hope it helps.

    February 28, 2017 at 10:48 am #1388984
    Edward Williams
    Participant

    Dope. That worked——thank you!

    February 28, 2017 at 11:26 am #1389053
    Rahul
    Moderator

    Glad we were able to help you.

    Feel free to ask us again. 🙂

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