0
Welcome Guest! Login
0 items Join Now

SOLVED non responsive page

Last Post
Search Topic
    • michael's Avatar
    • michael
    • Sr. Rocketeer
    • Posts: 109
    • Thanks: 0

    SOLVED non responsive page

    Posted 9 years 6 months ago
    • I've made my site 960px wide and responsive using the code below and it works fine, but i've added a blog page using k2 and it's not responsive. what do I need to add/change to make it work?

      my page http://1staccommodation.co.uk/news

      cheers.
      mike.

      /*960px responcive*/
      [class*="rt-push-"], [class*="rt-pull-"], [class*="rt-prefix-"] {position: relative;}

      @media only screen and (min-width: 1200px) {
      .rt-container {width: 960px !important;}
      /* Push */
      .rt-push-1 { left: 8.3333333333% !important;}
      .rt-push-2 { left: 16.6666666667% !important;}
      .rt-push-3 { left: 25% !important;}
      .rt-push-4 { left: 33.3333333333% !important;}
      .rt-push-5 { left: 41.6666666667% !important;}
      .rt-push-6 { left: 50% !important;}
      .rt-push-7 { left: 58.3333333333% !important;}
      .rt-push-8 { left: 66.6666666667% !important;}
      .rt-push-9 { left: 75% !important;}
      .rt-push-10 { left: 83.3333333333% !important;}
      .rt-push-11 { left: 91.6666666667% !important;}

      /* Pull */
      .rt-pull-1 { left: -8.3333333333% !important;}
      .rt-pull-2 { left: -16.6666666667% !important;}
      .rt-pull-3 { left: -25% !important;}
      .rt-pull-4 { left: -33.3333333333% !important;}
      .rt-pull-5 { left: -41.6666666667% !important;}
      .rt-pull-6 { left: -50% !important;}
      .rt-pull-7 { left: -58.3333333333% !important;}
      .rt-pull-8 { left: -66.6666666667% !important;}
      .rt-pull-9 { left: -75% !important;}
      .rt-pull-10 { left: -83.3333333333% !important;}
      .rt-pull-11 { left: -91.6666666667% !important;}

      /* Prefix */
      .rt-prefix-1 {padding-left: 100px !important;}
      .rt-prefix-2 {padding-left: 16.6666666667% !important;}
      .rt-prefix-3 {padding-left: 25% !important;}
      .rt-prefix-4 {padding-left: 33.3333333333% !important;}
      .rt-prefix-5 {padding-left: 41.6666666667% !important;}
      .rt-prefix-6 {padding-left: 50% !important;}
      .rt-prefix-7 {padding-left: 58.3333333333% !important;}
      .rt-prefix-8 {padding-left: 66.6666666667% !important;}
      .rt-prefix-9 {padding-left: 75% !important;}
      .rt-prefix-10 {padding-left: 83.3333333333% !important;}
      .rt-prefix-11 {padding-left: 91.6666666667% !important;}
      }
    • Last Edit: 9 years 6 months ago by michael.
    #1248265
    • DanG's Avatar
    • DanG
    • Preeminent Rocketeer
    • Posts: 36750
    • Thanks: 3229
    • Custom work done

    Re: non responsive page

    Posted 9 years 6 months ago
    #1248334
    • michael's Avatar
    • michael
    • Sr. Rocketeer
    • Posts: 109
    • Thanks: 0

    Re: non responsive page

    Posted 9 years 6 months ago
    • as you can see from your link, you can't see all the text or image. the page itself is fine but the k2 content dosn't respond.
    #1248344

Time to create page: 0.046 seconds