Buying Quick Job need some html css Expert

Discussion in 'Design' started by Rinki12, Jun 16, 2015.

  1. #1
    I am using one template and i have my custom icons there but it beaks responsiveness of the website. Only Experts are welcome here who an start right now.
     
    Rinki12, Jun 16, 2015 IP
  2. prince@life

    prince@life Notable Member

    Messages:
    278
    Likes Received:
    13
    Best Answers:
    3
    Trophy Points:
    225
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #2
    Can you message me the website URL? so i can check out right now, that what you're facing over there!
     
    prince@life, Jun 16, 2015 IP
  3. Rinki12

    Rinki12 Banned

    Messages:
    120
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    53
    As Seller:
    100% - 0
    As Buyer:
    100% - 4
    #3
    Here are two versions.
    Its my page with my custom icon - techhug.com/test/index.html
    I want like this in our services section techhug.com/test/index2.html

    1st is not responsive it isn't appearing good when i am re-sizing browser window but the second one is working perfect in all sizes.
     
    Rinki12, Jun 16, 2015 IP
  4. prince@life

    prince@life Notable Member

    Messages:
    278
    Likes Received:
    13
    Best Answers:
    3
    Trophy Points:
    225
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #4
    solution1.jpg solution1-responsive.jpg You want something like this?
     
    prince@life, Jun 16, 2015 IP
  5. Mike In

    Mike In Active Member

    Messages:
    244
    Likes Received:
    5
    Best Answers:
    2
    Trophy Points:
    90
    As Seller:
    100% - 0
    As Buyer:
    100% - 0
    #5
    Hi,
    A quick fix.

    In file name: style.css
    Folder: css

    Find:

    .service-item {
    padding-bottom: 40px;
    text-align: center;
    -webkit-backface-visibility: hidden;
    /* Chrome, Safari, Opera */
    backface-visibility: hidden;
    }


    Replace it with:

    .service-item {
    padding-bottom: 40px;
    text-align: center;
    -webkit-backface-visibility: hidden;
    /* Chrome, Safari, Opera */
    backface-visibility: hidden;
    margin: -10px;
    }
     
    Mike In, Jun 17, 2015 IP