Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #400646

    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

    #401136

    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

    #402885

    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.

    #402990

    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

    #414313

    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;
    }

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