0
Welcome Guest! Login
0 items Join Now

SOLVED RokQuickCart - Responsive feature

    • leouy90's Avatar
    • leouy90
    • Newbie
    • Posts: 5
    • Thanks: 0

    SOLVED RokQuickCart - Responsive feature

    Posted 8 years 11 months ago
    • Hi
      I have installed the RokQuickCart at visual-insights.info/index.php/tableros
      But in my mobile I can't see the text info, only a part of the picture product.
      I wish to see the picture adapted to screen and the text information wrap the picture or below the picture.
      But now a can't see the description text.
      Sorry and thankyou very, it's a nice cart !
      Leonardo
    • Thankyou very much, Leonardo
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: SOLVED RokQuickCart - Responsive feature

    Posted 8 years 11 months ago
    • Rokquickcart is a very old extension and was not really designed for responsive templates.

      Use this code...
      @media (max-width: 480px) {
      div.simpleCart_shelfItem .cart_product_l {
          max-width: 100%;
      }
      div.simpleCart_shelfItem .cart_product_r {
          margin-left: 0;
      }
      }
      @media (min-width: 481px) and (max-width: 767px) {
      div.simpleCart_shelfItem .cart_product_l {
          max-width: 100%;
      }
      div.simpleCart_shelfItem .cart_product_r {
          clear: both;
          margin-left: 0;
      }
      }
      @media (min-width: 768px) and (max-width: 959px) {
      div.simpleCart_shelfItem .cart_product_l {
          max-width: 100%;
      }
      div.simpleCart_shelfItem .cart_product_r {
          clear: both;
          margin-left: 0;
      }
      }
      @media (min-width: 960px) and (max-width: 1199px) {
      div.simpleCart_shelfItem .cart_product_l {
          max-width: 40%;
      }
      div.simpleCart_shelfItem .cart_product_r {
          margin-left: 45%;
      }
      }
      @media (min-width: 1200px) {
      div.simpleCart_shelfItem .cart_product_l {
          max-width: 40%;
      }
      div.simpleCart_shelfItem .cart_product_r {
          margin-left: 45%;
      }
      }
      Put that code wherever you keep custom CSS in that template.

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    • leouy90's Avatar
    • leouy90
    • Newbie
    • Posts: 5
    • Thanks: 0

    Re: SOLVED RokQuickCart - Responsive feature

    Posted 8 years 11 months ago
    • Yihaaaaaa !!!!!! Thats was perfect !!! Thankyou very much !!!!!!!!!!!! <3 :)
    • Thankyou very much, Leonardo
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: SOLVED RokQuickCart - Responsive feature

    Posted 8 years 11 months ago
    • btw - I notice that your subscription has expired - support is only available to members with a current subscription.

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    • Ade's Avatar
    • Ade
    • Jr. Rocketeer
    • Posts: 28
    • Thanks: 0

    Re: SOLVED RokQuickCart - Responsive feature

    Posted 8 years 10 months ago
    • Sorry i did not see where to post a new topic
      But my question "how do you change the currency symbol to another country currency that is not listed.
      Thanks

Time to create page: 0.041 seconds