Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 12, 2015 at 4:36 pm #517503
    David57

    Hi Team, i would like for a page to be non-responsive when less than 450px. how can i achieve that?

    October 12, 2015 at 7:21 pm #517621
    Elliott

    Hi David57!

    Add this to a codeblock element in the page.

    <style type = "text/css">
@media screen and (max-width: 450px){
#wrap_all { width: 1300px !important; }
}
</style>

    Regards,
    Elliott

    October 13, 2015 at 2:48 pm #518107
    David57

    Hi, i tried but it doesn’t work.

    October 13, 2015 at 9:07 pm #518383
    Elliott

    Hey!

    It’s working fine. Perhaps you need to increase the 450px value to target larger screen sizes?

    Best regards,
    Elliott

    October 14, 2015 at 2:04 am #518462
    David57

    Hi Eillot, thanks it works!

    But how do i get to scroll right to view the remainder images?

    October 15, 2015 at 10:33 am #519103
    Ismael

    Hi!

    Add this inside the media query:

    html.responsive, .responsive body {
    overflow-x: visible;
}

#wrap_all {
    overflow-x: scroll;
}

    Regards,
    Ismael

    October 16, 2015 at 3:11 pm #520030
    David57

    Hi,

    i added into the media query but doesn’t work.

    <style type = “text/css”>
    @media screen and (max-width: 600px){
    #wrap_all { width: 1300px !important; }
    html.responsive, .responsive body {
    overflow-x: visible;
    }
    #wrap_all {
    overflow-x: scroll;
    }
    }
    </style>

    October 19, 2015 at 8:17 am #520756
    Ismael

    Hi!

    Please include this also:

    .responsive #top {
    overflow-x: scroll;
}

    Cheers!
    Ismael

    October 19, 2015 at 1:42 pm #520917
    David57

    it works, thanks!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘removing responsive page’ is closed to new replies.