0
Welcome Guest! Login
0 items Join Now

rt-block padding on phones

  • rt-block padding on phones

    Posted 6 years 10 months ago
    • Please, I need to modify padding of .rt-block for Component only and only on phones.
      I use the Gantry 4 basic template.
      How to do?
      Thankyou.
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13481
    • Web Designer/Developer

    Re: rt-block padding on phones

    Posted 6 years 10 months ago
    • With custom CSS inside a media query so that it only affects mobiles.
      /* Smartphones */
      @media (max-width: 480px) {
      
      }
       
      /* Smartphones to Tablets */
      @media (min-width: 481px) and (max-width: 767px) {
       
      }
      
      /* Tablets */
       @media (min-width: 768px) and (max-width: 959px) {
      
      }
         
      /* Desktop */
      @media (min-width: 960px) and (max-width: 1199px) {
         
      }
          
      /* Large Display */
      @media (min-width: 1200px) {
          
      }

      If you need more help Please would you post your URL, superuser id and pswd in the secure tab of your post and I'll have a look for you. Please do a screenshot of your problem and annotate to make it clear.

      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.

Time to create page: 0.046 seconds