Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
Like Tree1Likes
  • 1 Post By sasha_bolcina

Thread: Images on Portfolio shrinking, not responsive

  1. #1
    Junior Member
    Join Date
    Aug 2015
    Posts
    13
    Member #
    51599

    Images on Portfolio shrinking, not responsive

    So, i'm very noob and this is a problem that came with the template.

    Solvertab as u can see, on mobile the images on portfolio shrinks and I want it to display larger, one above the other, like any other responsive portfolio.

    I'm very noob and what i tried so far was putting a "col-xs-12", I get just one column, but the images shrinks anyway and the column go to the left.

    I'm not sure wich part of the code I should share here but I'll try to guess. If u guys need anything just ask.

    <div class="">
    <div class="portfolio-item corporate">
    <div class="portfolio-item-inner">
    <img class="img-responsive" src="images/portfolio/monitoria.jpg" alt="">
    <div class="portfolio-info">
    <h3>CEMAT</h3>
    Monitoria
    <a href="#portfolioModal1" class="preview" data-toggle="modal"><i class="fa fa-arrows-alt"></i></a>
    </div>
    </div>
    </div>
    </div> <!--/.portfolio-item-->
    #portfolio .portfolio-items {
    margin: -10px;
    }
    #portfolio .portfolio-item {
    float: left;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0 1% 1% 0;
    overflow: hidden;
    position: relative;
    width: 32%;
    }
    #portfolio .portfolio-item .portfolio-item-inner {
    position: relative;
    }
    #portfolio .portfolio-item .portfolio-item-inner .portfolio-info {
    opacity: 0;
    transition: opacity 400ms;
    -webkit-transition: opacity 400ms;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    }

  2.  

  3. #2
    Senior Member sasha_bolcina's Avatar
    Join Date
    Sep 2014
    Location
    Serbia
    Posts
    274
    Member #
    40099
    Liked
    47 times
    Did you ask this question ones already? width: 32%; is problem...

  4. #3
    Junior Member
    Join Date
    Aug 2015
    Posts
    13
    Member #
    51599
    Thakz a lot, resolved!

    I removed that line and added on before every portfolio item this: "<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">"
    Now is just like I wanted.

    Yeah, the first thread wasn't visible for me for a day I guess, so a created another one, not sure why did it happened


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Tags for this Thread

All times are GMT -6. The time now is 03:10 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com