Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 23, 2015 at 2:27 pm #400646
    findar

    Hi,
    How do I edit the Portfolio Grid Image width on Mobile Portrait to display 2 cols of 50% (similar to Mobile landscape) as opposed to one long column of 100% width?

    Thanks, Fiona

    February 24, 2015 at 1:14 am #401136
    Josue

    Hey Fiona!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px){
    #top #wrap_all .flex_column{
        margin: 0 !important;
        width: 50% !important;
    }
}

    Cheers! 
    Josue

    February 26, 2015 at 6:37 pm #402885
    findar

    Thanks Josue for this, however it’s not working as I hoped. While it makes the portfolio grid 50% width it is also making all other content in the container 50% also. I want to leave text boxes 100% width and make only the portfolio grid 50% width.

    February 26, 2015 at 9:18 pm #402990
    Josue

    Hey!

    Set a custom class to that Portfolio element and change the code accordingly:

    @media only screen and (max-width: 767px){
    #top #wrap_all .custom_portfolio .flex_column{
        margin: 0 !important;
        width: 50% !important;
    }
}

    Regards,
    Josue

    March 19, 2015 at 12:11 pm #414313
    findar

    Thanks Josh. I figured out a way in the end, just with a more specific CSS rule, which seems to have done the trick!

    .responsive #top #wrap_all .grid-sort-container .grid-entry {
    width: 50%;
    margin-bottom: 0;
    }

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Portfolio Grid Thumbnail image width on Mobile’ is closed to new replies.